.sidebar{display:flex;flex-direction:column;width:250px;height:100vh;background-color:#1a1a1a;color:#fff;box-shadow:2px 0 8px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;z-index:100;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0003,#0000);pointer-events:none}.sidebar-collapsed{width:70px}.sidebar-collapsed .sidebar-nav-link{justify-content:center;padding:.9rem 0;position:relative}.sidebar-collapsed .sidebar-nav-item:not(:last-child) .sidebar-nav-link:after{content:"";position:absolute;bottom:0;left:20%;width:60%;height:1px;background-color:#ffffff0d}.sidebar-collapsed .sidebar-icon{margin:0}.sidebar-collapsed .sidebar-user-logout-inline{justify-content:center;padding:0;width:80%;margin:0 auto;border-radius:8px;background-color:#121212;text-align:center;border:1px solid #333;height:auto}.sidebar-collapsed .sidebar-user-logout-inline:hover{background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 8px #0003;border-color:#2196f3}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #333;background-color:transparent;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-header:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar-header{flex-direction:column;padding:1rem 0;gap:.5rem}.sidebar-collapsed .sidebar-header:after{left:20%;width:60%}.sidebar-logo{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-logo-image{height:40px;width:auto}.sidebar-collapsed .sidebar-logo-image{height:30px;width:30px;object-fit:contain;animation:pulse 2s infinite alternate}@keyframes pulse{0%{filter:drop-shadow(0 0 2px rgba(33,150,243,.3))}to{filter:drop-shadow(0 0 5px rgba(33,150,243,.6))}}.sidebar-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#aaa;cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px;height:28px;position:relative;overflow:hidden}.sidebar-toggle:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#2196f34d,#2196f300 70%);transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:50%}.sidebar-toggle:hover{color:#2196f3}.sidebar-toggle:hover:before{transform:scale(1.5)}.sidebar-collapsed .sidebar-toggle{margin-left:auto;margin-right:auto;animation:rotate .5s cubic-bezier(.4,0,.2,1)}.sidebar-content{display:flex;flex-direction:column;overflow-y:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#333 #1a1a1a}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:#1a1a1a}.sidebar-content::-webkit-scrollbar-thumb{background-color:#333;border-radius:6px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:#444}.sidebar-nav-list{list-style:none;padding:0;margin:0;width:100%}.sidebar-nav-item{width:100%}.sidebar-collapsed .sidebar-nav-item{display:flex;justify-content:center}.sidebar-collapsed .sidebar-nav-list{margin:.5rem 0}.sidebar-nav-link{display:flex;align-items:center;gap:1rem;padding:.9rem 1.5rem;color:#ddd;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:3px solid transparent;width:100%;position:relative;overflow:hidden}.sidebar-nav-link:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background-color:#2196f3;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.sidebar-nav-link:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#2196f31a;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:0}.sidebar-nav-link:hover{color:#2196f3}.sidebar-nav-link:hover:after{transform:translate(0)}.sidebar-collapsed .sidebar-nav-link:hover{background-color:transparent}.sidebar-collapsed .sidebar-nav-link:hover:after{transform:translate(0)}.sidebar-nav-link.active{color:#2196f3}.sidebar-nav-link.active:before{transform:translate(0)}.sidebar-nav-link.active:after{transform:translate(0);background-color:#2196f326}.sidebar-collapsed .sidebar-nav-link.active{border-left:none}.sidebar-icon,.sidebar-link-text{position:relative;z-index:2}.sidebar-icon{font-size:1.4rem;min-width:1.4rem}.sidebar-link-text{white-space:nowrap;font-size:1rem;display:block;text-align:center}.sidebar-footer{padding:1rem;border-top:1px solid #333;background-color:#1a1a1ae6;margin-top:auto;width:100%;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.75rem}.sidebar-footer:before{content:"";position:absolute;top:0;left:10%;width:80%;height:1px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed .sidebar-footer{padding:1rem 0;display:flex;flex-direction:column;align-items:center;gap:.75rem}.sidebar-collapsed .sidebar-footer:before{left:20%;width:60%}.sidebar-admin-button{display:flex;width:100%;padding:0;background-color:#191919;border:1px solid #31373a;color:#fff;cursor:pointer;border-radius:8px;position:relative;overflow:hidden;font-weight:500;text-align:center}.sidebar-admin-button:active{transform:translateY(0)}.sidebar-admin-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;width:100%;position:relative;text-align:center}.sidebar-admin-collapsed{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem 0}.admin-info-section{display:flex;align-items:center;gap:.5rem;justify-content:center}.admin-icon{color:#fff;position:relative;z-index:1;font-size:1.3rem}.sidebar-collapsed .admin-icon{animation:pulse-blue 2s infinite alternate;font-size:1.4rem}.sidebar-admin-text{font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1;font-size:.9rem;letter-spacing:.5px;text-align:center}.sidebar-collapsed .sidebar-admin-button{justify-content:center;padding:0;width:80%;margin:0 auto;border-radius:8px;background-color:#1a2332;text-align:center;border:1px solid #2d3033;height:auto}.sidebar-collapsed .sidebar-admin-button:hover{background-color:#1e2a3a;transform:translateY(-2px);border-color:#121314}.sidebar-user-logout-inline{display:flex;width:100%;padding:0;background-color:#191919;border:1px solid #333;color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px;position:relative;overflow:hidden;font-weight:500;text-align:center}.sidebar-user-logout-inline:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#646cff0d,#646cff00,#f443360d);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.sidebar-user-logout-inline:hover{background-color:#1a1a1a;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.sidebar-user-logout-inline:hover:before{opacity:1}.sidebar-user-logout-inline:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.sidebar-user-logout-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;width:100%;position:relative;text-align:left}.logout-divider{display:none}.sidebar-user-logout-collapsed{position:relative;display:flex;align-items:center;justify-content:center;padding:.75rem 0}.user-icon{color:#2196f3;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.3rem}.sidebar-collapsed .user-icon{animation:pulse-purple 2s infinite alternate;font-size:1.4rem}.logout-icon-small{color:#f44336;position:relative;z-index:1;font-size:.9rem;position:absolute;bottom:-.25rem;right:-.25rem;background-color:#121212;border-radius:50%;padding:.1rem;border:1px solid #333}@keyframes pulse-purple{0%{filter:drop-shadow(0 0 2px rgba(100,108,255,.3))}to{filter:drop-shadow(0 0 5px rgba(100,108,255,.6))}}.user-info-section{display:flex;align-items:center;gap:.5rem}.sidebar-user-name{font-weight:600;color:#2196f3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1;font-size:.9rem;letter-spacing:.5px;text-align:left;max-width:120px}.w-full{width:100%;max-height:530px}.logout-icon{color:#f44336;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.3rem}.sidebar-collapsed .logout-icon{animation:pulse-red 2s infinite alternate;font-size:1.4rem}.logout-icon:hover{background-color:#f4433626;border-color:#f443364d;transform:scale(1.1)}.sidebar-logout-text{font-weight:500;color:#f44336;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;z-index:1;font-size:.85rem;text-align:center;display:inline-block}@keyframes pulse-red{0%{filter:drop-shadow(0 0 2px rgba(244,67,54,.3))}to{filter:drop-shadow(0 0 5px rgba(244,67,54,.6))}}.mobile-menu-toggle{display:none;position:fixed;top:70px;left:0;background-color:#1a1a1a;color:#fff;border:none;border-radius:0 4px 4px 0;padding:.5rem;box-shadow:2px 2px 5px #0000004d;z-index:99;cursor:pointer;font-size:1.2rem}.sidebar-backdrop{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:90;animation:fadeIn .3s ease}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;width:250px;height:100vh;transform:translate(-100%);transition:transform .3s ease;z-index:1000}.sidebar:not(.sidebar-collapsed){transform:translate(0)}.sidebar-collapsed{transform:translate(-100%)}.sidebar-backdrop{display:block}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sidebar-toggle{display:none}.content{margin-left:0!important}.sidebar-header{padding:1rem}.sidebar-logo-image{height:30px}.sidebar-content,.sidebar-footer{display:block}}.footer{position:fixed;top:5px;right:20px;z-index:100;display:flex;justify-content:flex-end;align-items:center;pointer-events:none}.powered-by{display:flex;align-items:center;gap:5px;background-color:#121212b3;padding:6px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.powered-by-text{font-size:10px;color:#888;font-weight:300}.powered-by-logo{height:50px;width:auto;opacity:.9}@media (max-width: 768px){.footer{top:5px;right:15px}.powered-by-logo{height:40px}.powered-by-text{font-size:9px}}.layout{display:flex;flex-direction:row;height:100vh;width:100%;background-color:#121212;position:relative;overflow:hidden}.content{flex:1;overflow-y:auto;background-color:#121212;transition:margin-left .3s ease;padding:1rem 1rem 0rem;padding-top:92px;padding-left:2rem;padding-right:2rem}.content-expanded{margin-left:70px}@media (max-width: 768px){.layout{flex-direction:column}.content{margin-left:0;padding-top:60px}}.guide-view-timeline{width:100%;background-color:var(--color-bg-secondary);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);margin-top:2rem;position:relative;animation:fadeInUp .8s cubic-bezier(.22,1,.36,1) forwards;border:1px solid rgba(33,150,243,.2);transition:all .3s ease-in-out}.guide-view-timeline:hover{box-shadow:var(--shadow-lg),0 0 20px #2196f31a;border:1px solid rgba(33,150,243,.2)}.guide-view-title{padding:1rem;font-size:1.5rem;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-tertiary)}.guide-view-container{display:flex;height:calc(100vh - 415px);max-height:75vh;overflow:hidden;position:relative;border-radius:0 0 12px 12px;background-image:linear-gradient(to bottom,#1e1e1e80,#12121280);border-top:1px solid rgba(33,150,243,.15);will-change:transform}.guide-view-sidebar{width:200px;flex-shrink:0;background-color:var(--color-bg-tertiary);border-right:2px solid rgba(33,150,243,.25);z-index:100;position:sticky;left:0;display:flex;flex-direction:column;padding-bottom:10px;box-shadow:5px 0 15px #00000026}.guide-view-sidebar-header{height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;border-bottom:2px solid rgba(33,150,243,.3);background:linear-gradient(90deg,#2196f31a,#6c5ce71a);color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;position:sticky;top:0;z-index:20;overflow:hidden}.guide-view-sidebar-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#2196f3,#6c5ce7);box-shadow:0 0 10px #2196f380}.guide-view-sidebar-channels{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.guide-view-sidebar-channels::-webkit-scrollbar{display:none}.guide-view-sidebar-item{height:55px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(33,150,243,.1);font-weight:500;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInLeft .5s ease-out forwards;opacity:0;animation-delay:calc(var(--item-index, 0) * .1s);white-space:nowrap;text-overflow:ellipsis}.guide-view-sidebar-item{position:relative}.guide-view-sidebar-item:hover{background-color:#2196f31a;padding-left:1rem}.guide-view-sidebar-item:before{display:none}.channel-info{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem}.channel-name-section{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.channel-preview-button{background:transparent;border:1px solid rgba(76,175,80,.3);border-radius:4px;color:var(--color-success);padding:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.channel-preview-button:hover:not(:disabled){transform:translateY(-2px) scale(1.1);color:var(--color-success);filter:drop-shadow(0 0 5px rgba(76,175,80,.6));border-color:var(--color-success);background-color:#4caf501a}.channel-preview-button:disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.5;border-color:#ffffff0d}.channel-preview-button:disabled:hover{transform:none;filter:none;background-color:transparent}.guide-view-sidebar-item .channel-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px)}.channel-status{display:flex;align-items:center;margin-left:8px}.sync-dot{width:10px;height:10px;border-radius:50%;margin-right:8px;position:relative;z-index:2}.sync-dot.synced{background:linear-gradient(to right,#4caf50,#66bb6a);box-shadow:0 0 12px #4caf50,inset 0 1px #ffffff4d;animation:pulse-dot 1.5s infinite ease-in-out alternate;border:1px solid #66bb6a}.sync-dot.synced:before{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:transparent;border:2px solid rgba(76,175,80,.5);opacity:0;z-index:-1;animation:ripple 2s infinite cubic-bezier(.65,0,.34,1)}.sync-dot.synced:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:transparent;border:1px solid rgba(76,175,80,.8);z-index:-1;animation:ripple 2s infinite .5s cubic-bezier(.65,0,.34,1)}.sync-dot.unsynced{background:linear-gradient(to right,var(--color-warning),#ffa000);box-shadow:0 0 8px var(--color-warning),inset 0 1px #fff3;animation:pulse-warning 3s infinite ease-in-out alternate;border:1px solid #ffa000}.sync-dot.inactive{background:linear-gradient(to right,var(--color-danger),#d32f2f);box-shadow:0 0 8px var(--color-danger),inset 0 1px #ffffff26;border:1px solid #d32f2f}@keyframes pulse-dot{0%{transform:scale(.9);box-shadow:0 0 #4caf50cc}50%{transform:scale(1.1);box-shadow:0 0 8px 3px #4caf5080}to{transform:scale(1);box-shadow:0 0 12px 5px #4caf504d}}@keyframes ripple{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes pulse-warning{0%{transform:scale(.95);box-shadow:0 0 #ff980080}70%{transform:scale(1.05);box-shadow:0 0 5px 3px #ff980033}to{transform:scale(.95);box-shadow:0 0 #ff980000}}.guide-view-sidebar-item .channel-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#2196f3f2,#6c5ce7f2);color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;opacity:0;pointer-events:none;transition:all .3s ease;white-space:nowrap;box-shadow:0 8px 25px #0006,0 0 15px #2196f399;z-index:50;margin-left:10px;visibility:hidden;min-width:180px;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guide-view-sidebar-item:hover .channel-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(5px)}.channel-tooltip-name{font-weight:700;margin-bottom:8px;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;font-size:1rem}.channel-tooltip-status{font-weight:600;margin-bottom:5px;display:flex;align-items:center}.channel-tooltip-details{font-size:.85rem;color:#ffffffd9;font-style:italic}.guide-view-timeline-content{flex-grow:1;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.guide-view-timeline-scroll-container{flex-grow:1;position:relative;width:100%;overflow-x:auto;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(33,150,243,.4) rgba(0,0,0,.1);will-change:scroll-position;-webkit-overflow-scrolling:touch;transform:translateZ(0);height:calc(100% - 40px)}.guide-view-content-wrapper{display:flex;flex-direction:column;height:100%;position:relative;transform:translateZ(0)}.guide-view-timeline-scroll-container::-webkit-scrollbar{height:14px;width:14px;display:block!important;visibility:visible!important}.guide-view-timeline-scroll-container::-webkit-scrollbar-track{background:#0003;border-radius:10px;margin:0 10px}.guide-view-timeline-scroll-container::-webkit-scrollbar-thumb{background:#2196f3b3;border-radius:10px;border:2px solid rgba(0,0,0,.2)}.guide-view-timeline-scroll-container::-webkit-scrollbar-thumb:hover{background:#2196f3e6}.guide-view-timeline-header-container{position:relative;z-index:20;width:100%;overflow:hidden;background:linear-gradient(to bottom,#2a2a2afa,#1e1e1efa);border-bottom:1px solid rgba(33,150,243,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 10px #00000026,0 2px 8px #2196f31a;height:40px;flex-shrink:0;display:flex;flex-direction:column;max-width:100%}.guide-view-timeline-header-wrapper{overflow-x:auto;overflow-y:hidden;position:relative;z-index:15;scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap;width:100%;height:100%;transform:translateZ(0);border:1px solid transparent}.guide-view-timeline-header-wrapper::-webkit-scrollbar{height:0;width:0;display:none}.guide-view-timeline-header-wrapper::-webkit-scrollbar-track{display:none}.guide-view-timeline-header-wrapper::-webkit-scrollbar-thumb{display:none}.guide-view-timeline-header-wrapper::-webkit-scrollbar-thumb:hover{display:none}.guide-view-timeline-grid{position:relative;will-change:transform;flex:1;overflow:visible;width:max-content}.guide-view-timeline-header{height:40px;display:flex;position:relative;z-index:20;transition:all .3s ease;will-change:transform;width:max-content;min-width:100%}.guide-view-timeline-header-item{width:120px;height:100%;position:relative;flex-shrink:0;animation:fadeInDown .5s cubic-bezier(.22,1,.36,1) forwards;opacity:0;animation-delay:calc(var(--header-index, 0) * .05s);transition:background-color .3s ease;background:linear-gradient(to bottom,#2a2a2afa,#1e1e1efa);border-bottom:1px solid rgba(33,150,243,.2);box-shadow:0 4px 10px #00000026}.guide-view-timeline-header-item:hover{background:linear-gradient(to bottom,#2d2d2dfa,#232323fa);box-shadow:0 6px 15px #00000040;border-bottom:1px solid rgba(33,150,243,.4);transform:translateY(-1px)}.hour-marker{border-left:1px solid rgba(33,150,243,.4)}.last-time-slot{border-right:1px solid rgba(33,150,243,.4)}.half-hour-marker-line{position:absolute;left:0;top:50%;height:50%;border-left:1px dashed rgba(33,150,243,.15);transition:border-color .3s ease}.half-hour-marker:hover .half-hour-marker-line{border-left:1px dashed rgba(33,150,243,.4)}.time-marker{position:absolute;left:5px;top:50%;transform:translateY(-50%);font-size:.85rem;color:var(--color-primary);white-space:nowrap;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .3s cubic-bezier(.22,1,.36,1);padding:2px 6px;border-radius:10px}.hour-marker:hover .time-marker{transform:translateY(-50%) scale(1.1);color:#fff;background:linear-gradient(90deg,#2196f3b3,#6c5ce7b3);box-shadow:0 3px 12px #2196f366;border:1px solid rgba(255,255,255,.2)}.guide-view-channel-row{height:55px;position:relative;border-bottom:1px solid var(--color-border-secondary)}.guide-view-channel-row:before{content:"";position:absolute;top:5px;bottom:5px;left:0;width:1px;background:transparent;box-shadow:var(--boundary-shadows);pointer-events:none}.guide-view-channel-row[data-tooltip]:not([data-tooltip=""]):after{content:attr(data-tooltip);position:absolute;top:var(--tooltip-top, calc(100% + 8px) );left:var(--tooltip-left, 0);transform:none;background-color:#000000e6;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:1000;border:1px solid rgba(255,255,255,.25);pointer-events:none;box-shadow:0 8px 20px #00000059}.guide-view-program-block{position:absolute;height:45px;top:5px;background-image:linear-gradient(135deg,#ffffff0d,#ffffff03);border-radius:8px;padding:.4rem .8rem;overflow:hidden;cursor:pointer;border:1px solid var(--color-border-primary);box-shadow:var(--shadow-sm),0 0 #2196f300;animation:fadeInScale .7s cubic-bezier(.22,1,.36,1) forwards;opacity:0;animation-delay:calc(var(--animation-order, 0) * .08s);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);will-change:transform,box-shadow,border-color}.guide-view-program-block.currently-playing{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}60%{opacity:1}to{opacity:1;transform:scale(1) translateY(0)}}.guide-view-program-block:hover{box-shadow:0 10px 20px #00000026,0 0 15px #2196f34d;z-index:20;border-color:var(--color-primary)}.guide-view-program-block:active{transform:translateY(-1px) scale(1.01);transition-duration:.1s}.guide-view-program-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:translate(-100%);pointer-events:none;opacity:0;transition:opacity .3s ease}@keyframes shimmer{0%{transform:translate(-100%)}60%{transform:translate(100%)}to{transform:translate(100%)}}.program-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.15);transition:all .3s ease;line-height:1.2;max-width:100%;position:relative;top:50%;transform:translateY(-50%);letter-spacing:.2px}.guide-view-program-block :hover .program-title{color:var(--color-primary);letter-spacing:.3px}.program-time,.program-description{display:none}.program-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;background-color:#0003;border-radius:0 0 8px 8px;overflow:hidden}.program-progress{height:100%;background-color:var(--color-primary);box-shadow:0 0 10px #2196f399,inset 0 1px #ffffff4d;position:relative;animation:none;border-radius:0 0 8px 8px}@keyframes pulse-glow{0%{box-shadow:0 0 4px #2196f34d}to{box-shadow:0 0 12px #2196f3b3}}.program-progress:after{display:none}@keyframes blink{0%,to{opacity:.7}50%{opacity:.3}}.program-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background-color:var(--color-bg-elevated);background-image:linear-gradient(135deg,#2196f314,#6c5ce714);border-radius:12px;padding:1.4rem;width:340px;box-shadow:0 25px 50px #0000004d,0 0 25px #2196f333;z-index:30;border:2px solid rgba(33,150,243,.3);margin-bottom:15px;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:tooltipFadeIn .3s cubic-bezier(.22,1,.36,1);opacity:0;animation-fill-mode:forwards;will-change:transform,opacity}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(-5px) scale(1)}}.program-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:10px;border-style:solid;border-color:rgba(33,150,243,.25) transparent transparent transparent;filter:drop-shadow(0 4px 4px rgba(0,0,0,.15))}.program-tooltip h4{margin:0 0 .85rem;font-size:1.25rem;color:var(--color-primary);border-bottom:1px solid rgba(33,150,243,.15);padding-bottom:.6rem;text-shadow:0 1px 2px rgba(0,0,0,.15);line-height:1.3;letter-spacing:.3px;font-weight:700}.program-tooltip p{margin:0 0 .85rem;font-size:.95rem;color:var(--color-text-secondary);max-height:120px;overflow-y:auto;line-height:1.6;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(33,150,243,.4) transparent;letter-spacing:.2px}.program-tooltip p::-webkit-scrollbar{width:5px}.program-tooltip p::-webkit-scrollbar-track{background:#0000000d;border-radius:5px}.program-tooltip p::-webkit-scrollbar-thumb{background-color:#2196f366;border-radius:5px;transition:background-color .3s ease}.program-tooltip p::-webkit-scrollbar-thumb:hover{background-color:#2196f399}.tooltip-time{font-size:1rem;color:var(--color-primary);margin-bottom:.6rem;display:flex;align-items:center;gap:8px;font-weight:600;border-top:1px solid rgba(33,150,243,.15);padding-top:.6rem;letter-spacing:.2px}.tooltip-time:before{content:"🕒";font-size:1rem}.tooltip-duration{margin-left:8px;font-size:.9rem;color:#ffffffd9;font-style:italic;background-color:#2196f326;padding:2px 8px;border-radius:12px}.tooltip-file-info{font-size:.9rem;color:var(--color-text-tertiary);background-color:#00000026;padding:.6rem .8rem;border-radius:8px;margin-top:.6rem;display:flex;align-items:center;gap:8px;transition:background-color .3s ease;border:1px solid rgba(33,150,243,.1)}.tooltip-file-info:hover{background-color:#0003}.tooltip-file-info:before{content:"📁";font-size:1rem}.guide-view-current-time-indicator{position:absolute;top:0;height:100%;z-index:1000;pointer-events:none;opacity:1;filter:drop-shadow(0 0 20px rgba(33,150,243,.8));will-change:opacity,filter;width:4px}.center-fixed-indicator{position:fixed!important;left:50%!important;transform:translate(-50%)!important;height:100%!important;z-index:999!important;pointer-events:none!important;width:40px!important;margin:0!important;padding:0!important;top:0!important;bottom:0!important}.center-fixed-indicator .current-time-line{position:absolute;top:0!important;bottom:0!important;left:50%!important;transform:translate(-50%)!important;width:4px!important;background:linear-gradient(to bottom,#2196f3,#2196f3b3)!important;box-shadow:0 0 25px #2196f3e6,0 0 15px #ffffff80!important;border-radius:2px!important;height:100%!important}.center-fixed-indicator:before{content:"";position:absolute;top:40px;left:50%;transform:translate(-50%);width:60px;height:calc(100% - 40px);background:linear-gradient(to right,#2196f300,#2196f31f,#2196f300);box-shadow:0 0 30px #2196f326;pointer-events:none;z-index:5;border-radius:30px}.current-time-label{position:absolute;top:-0px!important;left:50%!important;transform:translate(-50%)!important;background-color:#2196f3!important;color:#fff!important;padding:5px 12px!important;border-radius:20px!important;font-size:.9rem!important;font-weight:700!important;white-space:nowrap!important;box-shadow:0 8px 20px #0000004d,0 0 15px #2196f399!important;border:2px solid rgba(255,255,255,.3)!important;letter-spacing:.5px!important;z-index:1001!important;opacity:1!important}@keyframes pulseScale{0%{transform:translate(-50%) scale(1);box-shadow:0 5px 15px #00000040,0 0 10px #2196f380}to{transform:translate(-50%) scale(1.1);box-shadow:0 8px 25px #00000059,0 0 20px #2196f3b3}}.current-time-line{position:absolute;top:40px;bottom:0;left:50%;transform:translate(-50%);width:4px;background-color:#2196f3;box-shadow:0 0 12px #2196f399;animation:none;will-change:auto;z-index:30;border-radius:2px}.center-fixed-indicator .current-time-line:after{content:"";position:absolute;top:0;left:-2px;width:8px;height:100%;background:#2196f31a;filter:blur(4px);border-radius:4px}@keyframes glowLine{0%{box-shadow:0 0 10px #2196f399}to{box-shadow:0 0 25px #2196f3e6}}.current-time-line:before{content:"";position:absolute;top:0;left:-3.5px;width:10px;height:10px;background-color:#2196f3;border-radius:50%;box-shadow:0 0 15px #2196f3cc;animation:pulseDot 2.5s infinite alternate cubic-bezier(.455,.03,.515,.955);will-change:transform,box-shadow}@keyframes pulseDot{0%{transform:scale(1);box-shadow:0 0 10px #2196f399}to{transform:scale(1.4);box-shadow:0 0 25px #2196f3e6}}.current-time-pulse{display:none}@keyframes pulse{0%{transform:scale(.5);opacity:1}to{transform:scale(5);opacity:0}}.program-file{background-color:#2196f31f;border-color:#2196f359;border-left:3px solid #2196f3}.program-connection{background-color:#9c27b01f;border-color:#9c27b04d;background-image:linear-gradient(135deg,#9c27b01a,#9c27b00d);border-left:3px solid #9c27b0}.program-connection:after{content:"🔌";position:absolute;top:8px;right:8px;font-size:.9rem;opacity:.5;transition:opacity .3s ease}.program-connection:hover:after{opacity:.8}.program-filler{background-color:#4caf501f!important;border-color:#4caf5059!important;border-left:0px solid #4caf50!important;border-top-left-radius:0!important;border-bottom-left-radius:0!important;box-shadow:none!important}.program-filler :hover{color:#4caf501f!important;letter-spacing:.3px}.guide-view-timeline-loading,.guide-view-timeline-error,.guide-view-timeline-no-content{margin-top:50px;text-align:center;color:var(--color-text-secondary);font-size:1.1rem;border-radius:12px;box-shadow:var(--shadow-md)}.guide-view-timeline-loading{position:relative}.guide-view-timeline-loading:after{content:"";position:absolute;width:40px;height:40px;top:calc(50% - 80px);left:50%;margin-left:-20px;border-radius:50%;border:3px solid rgba(33,150,243,.3);border-top-color:var(--color-primary);animation:spin 1s infinite linear}.guide-view-timeline-error{color:var(--color-danger);border:1px solid rgba(255,71,87,.3)}.guide-view-timeline-no-content{display:flex;align-items:center;justify-content:center;min-height:400px}.no-schedules-message{text-align:center;margin:50px auto;padding:40px;max-width:600px;background:linear-gradient(145deg,#222,#2a2a2a);background-image:linear-gradient(145deg,#222,#2a2a2a),radial-gradient(circle at 20% 20%,rgba(33,150,243,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(33,150,243,.05) 0%,transparent 50%);border-radius:12px;box-shadow:0 12px 25px #0006,inset 0 1px #ffffff1a;border:2px solid #333;color:#ffffffde;animation:fadeIn .8s ease-out forwards;position:relative;overflow:hidden}.no-schedules-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2196f3,#21f3e7,#2196f3);box-shadow:0 0 10px #2196f399;animation:pulseGlow 2s ease-in-out infinite alternate}@keyframes glow{0%,to{box-shadow:0 0 20px #2196f333}50%{box-shadow:0 0 30px #2196f366}}.no-content-title{color:#2196f3;margin-top:0;margin-bottom:20px;font-size:24px;position:relative;display:inline-block}.no-content-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background-color:#2196f3}.no-content-message{font-size:16px;margin-bottom:20px;color:#fffc;line-height:1.6}.refresh-guide-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#2196f3,#21cbf3,#6c5ce7);color:#fff;border:none;border-radius:50px;font-weight:700;font-size:16px;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;position:relative;margin-top:20px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 25px #2196f34d,0 4px 15px #0003,inset 0 1px #fff3;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.refresh-guide-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff14;transform:translate(-100%) skew(-15deg);transition:transform .8s ease}.refresh-guide-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#ffffff40;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease}.refresh-guide-button:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px #2196f380,0 8px 25px #0000004d,inset 0 1px #ffffff4d;background-position:100% 50%}.refresh-guide-button:hover:before{transform:translate(100%) skew(-15deg)}.refresh-guide-button:hover:after{width:100px;height:100px}.refresh-guide-button:active{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #2196f366,0 4px 15px #0003;transition:all .1s ease}.refresh-icon{font-size:18px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.refresh-guide-button:hover .refresh-icon{transform:rotate(180deg) scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.button-text{transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.2)}.refresh-guide-button:hover .button-text{text-shadow:0 0 8px rgba(255,255,255,.3)}@media (max-width: 768px){.guide-view-timeline-no-content{padding:1rem;min-height:300px}.no-schedules-message{margin:30px 15px;padding:30px 20px}.no-schedules-message h2,.no-content-title{font-size:20px}.no-content-message{font-size:14px}.refresh-guide-button{padding:12px 28px;font-size:15px;letter-spacing:.6px;min-width:220px}.no-schedules-icon{font-size:40px;width:80px;height:80px}.no-schedules-icon:before,.no-schedules-icon:after{animation-duration:4s}}@media (max-width: 480px){.guide-view-timeline-no-content{padding:.5rem}.no-schedules-message{padding:25px 15px;margin:20px 10px}.refresh-guide-button{padding:12px 24px;font-size:14px;letter-spacing:.5px;width:85%;max-width:280px;box-sizing:border-box;border-radius:40px}.refresh-icon{font-size:14px}.no-schedules-icon{font-size:32px;width:70px;height:70px}.no-content-title{font-size:18px}.no-content-title:after{width:40px}.no-content-message{padding:0 1rem}}.return-to-now-button{position:fixed;bottom:20px;right:20px;background-color:#2196f3;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-weight:700;box-shadow:0 4px 15px #0000004d,0 0 10px #2196f380;cursor:pointer;z-index:100;transition:all .3s cubic-bezier(.22,1,.36,1);animation:pulseButton 2s infinite alternate;font-size:.9rem;letter-spacing:.5px;border:2px solid rgba(255,255,255,.2)}.return-to-now-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #0006,0 0 15px #2196f3b3}.return-to-now-button:active{transform:translateY(-1px) scale(1.02);box-shadow:0 3px 10px #0000004d,0 0 8px #2196f366}@keyframes pulseButton{0%{box-shadow:0 4px 15px #0000004d,0 0 10px #2196f380}to{box-shadow:0 6px 20px #0006,0 0 15px #2196f3b3}}@media (max-width: 768px){.guide-view-container{height:350px}.guide-view-sidebar{width:120px}.guide-view-sidebar-item{font-size:.85rem}}@media (max-width: 480px){.guide-view-container{height:300px;flex-direction:column}.guide-view-sidebar{width:100%;height:auto;display:flex;overflow-x:auto}.guide-view-sidebar-header{min-width:100px}.guide-view-sidebar-item{height:40px;min-width:120px;border-right:1px solid var(--color-border-secondary);border-bottom:none}}.played-program{background-color:#7878781a!important;border-color:#7878784d!important;border-left:3px solid #787878;opacity:.7}.played-program .program-title{color:var(--color-text-secondary)}.upcoming-program{background-color:var(--color-bg-elevated);border-color:var(--color-border-primary);border-left:3px solid rgba(33,150,243,.4)}.currently-playing{border-color:var(--color-primary)!important;background-color:#e221f326!important;box-shadow:0 5px 15px #0000001a,0 0 10px #2196f333!important;border-width:2px}@keyframes currentlyPlayingPulse{0%{box-shadow:0 5px 15px #0000001a,0 0 10px #2196f333}to{box-shadow:0 8px 20px #00000026,0 0 15px #2196f366}}.modern-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.modal-content-epg{background-color:#121212;border-radius:12px;width:90%;max-width:650px;max-height:95vh;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid #333;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-body-epg{padding:1.5rem}.modal-list-epg{margin:.5rem 0 .75rem 1.25rem}.modal-list-epg li{margin-bottom:.35rem}.modern-preview-container{width:85%;max-width:1280px;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000080,0 0 0 1px #2196f333;background-color:#121212;animation:scaleIn .3s ease;position:relative}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}.modern-player-wrapper{position:relative;width:100%;background-color:#000;aspect-ratio:16/9;overflow:hidden}.modern-player-container{position:absolute;top:0;left:0;width:100%;height:100%}.modern-player-controls{position:absolute;bottom:0;left:0;width:100%;padding:1rem;background:linear-gradient(to top,#000c,#0000);opacity:0;transition:opacity .3s ease;z-index:10}.modern-player-wrapper:hover .modern-player-controls{opacity:1}.modern-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000b3;z-index:20}.modern-loading-spinner{width:60px;height:60px;border-radius:50%;border:3px solid rgba(33,150,243,.2);border-top-color:#2196f3;animation:spin 1s linear infinite;box-shadow:0 0 20px #2196f380;position:relative}.modern-loading-spinner:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:1px solid rgba(33,150,243,.1);animation:pulse-ring 2s linear infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}50%{transform:scale(1.2);opacity:.4}to{transform:scale(.8);opacity:.8}}.modern-loading-text{margin-top:1rem;color:#fff;font-size:1rem;font-weight:500;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:Roboto,system-ui,sans-serif}.modern-error-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000000b3;z-index:20}.modern-error-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:80%}.modern-error-icon{font-size:4rem;color:#f44336;margin-bottom:1.5rem;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.95)}}.modern-error-message{font-size:1.2rem;line-height:1.6;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);font-family:Roboto,system-ui,sans-serif}.video-close-btn{position:absolute;top:1rem;right:1rem;z-index:30;background:#0009;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);outline:none}.video-close-btn:hover{background:#f44336cc;transform:scale(1.1);box-shadow:0 0 15px #f4433680;border-color:#fff6}.video-close-icon{font-size:2.5rem;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.modern-file-info{padding:1.5rem;background-color:#121212;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:1rem}.modern-file-header{display:flex;justify-content:space-between;align-items:center}.modern-file-name{font-size:1.2rem;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:80%;font-family:Roboto,system-ui,sans-serif}.modern-file-details{display:flex;flex-wrap:wrap;gap:1.5rem}.modern-file-detail{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:#ffffff0d;border-radius:8px;transition:all .2s ease;border:1px solid rgba(255,255,255,.05);box-shadow:0 2px 4px #0000001a}.modern-file-detail:hover{background-color:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 8px #0003;border-color:#2196f34d}.modern-detail-icon{font-size:1.1rem;color:#2196f3}.modern-detail-text{font-size:.9rem;color:#e0e0e0;font-family:Roboto,system-ui,sans-serif}.modern-media-controls{display:flex;align-items:center;gap:1rem}.modern-media-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);border-radius:8px;padding:.5rem 1rem;color:#2196f3;font-size:.9rem;font-weight:500;transition:all .2s ease;cursor:pointer;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden;font-family:Roboto,system-ui,sans-serif}.modern-media-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .6s ease}.modern-media-button:hover:before{left:100%}.modern-media-button:hover{background-color:#2196f333;transform:translateY(-2px);box-shadow:0 4px 8px #0003;border-color:#2196f380}.modern-media-icon{font-size:1.1rem;transition:transform .3s ease}.modern-media-button:hover .modern-media-icon{transform:scale(1.2)}.attention-modal-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000078;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1001;border-radius:8px}.attention-modal-loading-spinner{width:40px;height:40px;border:3px solid rgba(33,150,243,.2);border-radius:50%;border-top-color:#2196f3;animation:spin 1s linear infinite;margin-bottom:16px}#regenerate-guide-description{margin-bottom:12px}.home-page{width:100%;display:flex;flex-direction:column;background-color:#121212;padding:0;overflow-x:hidden;overflow-y:hidden}.home-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(to right,#121212f2,#1e1e1ef2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(33,150,243,.2)}.logo-container{opacity:0;transform:translateY(-20px);transition:opacity .8s ease-out,transform .8s ease-out}.logo-loaded{opacity:1;transform:translateY(0)}.logo-image{max-width:180px;height:auto;filter:drop-shadow(0 2px 8px rgba(33,150,243,.3));transition:transform .3s ease}.logo-image:hover{transform:scale(1.05)}.nav-container{display:flex;gap:1.5rem;opacity:0;transform:translateY(-20px);transition:opacity .8s ease-out,transform .8s ease-out;transition-delay:.2s}.nav-loaded{opacity:1;transform:translateY(0)}.nav-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;padding:.6rem 1rem;border-radius:30px;background:#2196f31a;border:1px solid rgba(33,150,243,.2);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.nav-item:hover{background:#2196f333;transform:translateY(-3px);box-shadow:0 5px 15px #0003,0 0 5px #2196f34d}.nav-item:hover:before{transform:translate(100%)}.nav-icon{width:24px;height:24px;color:#2196f3}.nav-text{font-weight:600;font-size:.95rem;letter-spacing:.5px}.nav-item[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background-color:#000000e6;color:#fff;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000}.nav-item[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(-10px)}.home-main{display:flex;flex-direction:column;align-items:center;flex:1 1 auto;padding:1rem 2rem;overflow:hidden;animation:fadeIn 1s ease-out}.home-guide-container{width:100%;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;transition-delay:.4s;position:relative;min-height:550px}.home-guide-loaded{opacity:1;transform:translateY(0)}.home-guide-header{text-align:center;margin-bottom:2rem}.home-guide-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;position:relative;display:inline-block}.home-guide-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:2px;box-shadow:0 0 10px #2196f380}.home-guide-description{font-size:1.1rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.guide-skeleton-loader{width:100%;background-color:#1e1e1e;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);position:absolute;border:1px solid rgba(33,150,243,.2);max-height:75vh;z-index:1;transition:opacity .5s ease-in-out,transform .5s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.skeleton-container{display:flex;height:550px;background-color:#191919cc;border-radius:0 0 12px 12px;border-top:1px solid rgba(33,150,243,.15)}.skeleton-sidebar{width:200px;flex-shrink:0;background-color:#2a2a2a;border-right:2px solid rgba(33,150,243,.25);display:flex;flex-direction:column;box-shadow:5px 0 15px #00000026}.skeleton-sidebar-header{height:40px;display:flex;align-items:center;justify-content:center;border-bottom:2px solid rgba(33,150,243,.3);position:relative}.skeleton-sidebar-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#2196f3;box-shadow:0 0 10px #2196f380}.skeleton-sidebar-header-text{width:80px;height:16px;background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.skeleton-sidebar-channels{flex:1;overflow-y:auto;overflow-x:hidden}.skeleton-sidebar-item{height:55px;display:flex;align-items:center;padding:0 1rem;border-bottom:1px solid rgba(33,150,243,.1);position:relative;animation:fadeInLeft .5s ease-out forwards;opacity:0;animation-delay:calc(var(--item-index, 0) * .1s)}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.skeleton-channel-name{flex:1;height:16px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px;margin-right:8px;animation-delay:calc(var(--item-index, 0) * .1s)}.skeleton-channel-button{width:24px;height:24px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px;flex-shrink:0;animation-delay:calc(var(--item-index, 0) * .1s)}.skeleton-timeline-content{flex-grow:1;position:relative;overflow:hidden;display:flex;flex-direction:column}.skeleton-timeline-header-container{position:sticky;top:0;z-index:20;width:100%;overflow:visible;background-color:#232323fa;border-bottom:1px solid rgba(33,150,243,.2)}.skeleton-timeline-header{height:40px;display:flex;position:sticky;top:0;left:0;z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;will-change:transform}.skeleton-timeline-header-item{width:120px;height:100%;position:relative;flex-shrink:0;animation:fadeInDown .5s cubic-bezier(.22,1,.36,1) forwards;opacity:0;animation-delay:calc(var(--header-index, 0) * .05s);transition:background-color .3s ease;background-color:#232323fa;border-bottom:1px solid rgba(33,150,243,.2);box-shadow:0 4px 10px #00000026;display:flex;align-items:center;justify-content:center}.skeleton-time-text{width:40px;height:12px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:3px;animation-delay:calc(var(--header-index, 0) * .05s)}.skeleton-timeline-grid{margin-top:40px;position:relative;will-change:transform;flex:1;overflow:visible;padding-bottom:15px;width:max-content}.skeleton-channel-row{height:55px;position:relative;border-bottom:1px solid var(--color-border-secondary);display:flex}.skeleton-program-block{position:absolute;height:45px;top:5px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:8px;animation-delay:calc(var(--block-index, 0) * .08s);width:120px;margin:0 2px}.guide-timeline-wrapper{width:100%;transition:opacity .5s ease-in-out;position:relative;top:0;left:0;right:0;bottom:0;z-index:2}.guide-timeline-hidden{opacity:0;pointer-events:none;visibility:hidden}@media (max-width: 900px){.home-header{padding:1rem}.nav-container{gap:1rem}.home-main{padding:1.5rem}.home-guide-title{font-size:2rem}}@media (max-width: 768px){.logo-image{max-width:140px}.nav-item{padding:.5rem .8rem}.nav-text{display:none}.home-guide-container{margin-top:1rem}.home-guide-title{font-size:1.8rem}.home-guide-description{font-size:1rem}.guide-skeleton-loader{height:350px}.skeleton-sidebar{width:120px}.skeleton-sidebar-item{height:40px}}@media (max-width: 480px){.home-header{flex-direction:column;gap:1rem}.logo-image{max-width:120px}.nav-container{flex-wrap:wrap;justify-content:center}.nav-item{padding:.4rem .6rem}.nav-icon{width:20px;height:20px}.home-guide-title{font-size:1.5rem}.home-guide-description{font-size:.9rem}.guide-skeleton-loader{height:300px}.skeleton-content{flex-direction:column}.skeleton-sidebar{width:100%;height:auto;display:flex;overflow-x:auto}.skeleton-sidebar-header{min-width:100px}.skeleton-sidebar-item{height:40px;min-width:120px;border-right:1px solid var(--color-border-secondary);border-bottom:none}}.timeline-content-skeleton-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:var(--color-bg-secondary);border-radius:0 0 12px;overflow:hidden;display:flex;flex-direction:column;transition:opacity .3s ease-out;box-shadow:inset 0 0 0 1px #2196f31a;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.timeline-content-skeleton-overlay.fade-out{opacity:0;pointer-events:none}.timeline-skeleton-header{height:40px;display:flex;background-color:#232323fa;border-bottom:1px solid rgba(33,150,243,.2)}.timeline-skeleton-header-item{width:120px;height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(33,150,243,.1);animation:skeletonPulse 1.5s ease-in-out infinite alternate}.timeline-skeleton-grid{flex:1;position:relative}.timeline-skeleton-row{height:55px;position:relative;border-bottom:1px solid rgba(33,150,243,.1);animation:skeletonPulse 1.5s ease-in-out infinite alternate}.timeline-skeleton-program-block{position:absolute;height:45px;top:5px;background:linear-gradient(90deg,#ffffff26 25%,#ffffff4d,#ffffff26 75%);background-size:200% 100%;border:2px solid rgba(255,255,255,.2);border-radius:8px;animation:skeletonShimmer 2s infinite;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.timeline-skeleton-program-block .skeleton-program-title{width:80%;height:12px;background:linear-gradient(90deg,#fff3 25%,#fff6,#fff3 75%);background-size:200% 100%;border-radius:3px;animation:skeletonShimmer 2s infinite}.skeleton-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skeleton-loading-content{text-align:center;color:#fff;padding:2rem 3rem;border-radius:12px;box-shadow:0 8px 32px #0000004d;animation:skeletonOverlayPulse 2s ease-in-out infinite}.skeleton-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid white;border-radius:50%;animation:skeletonSpin 1s linear infinite;margin:0 auto 1rem}.skeleton-loading-text{font-size:1.1rem;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:.5px}@keyframes skeletonOverlayPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0000004d}50%{transform:scale(1.05);box-shadow:0 12px 40px #0006}}@keyframes skeletonSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton-item{animation:skeletonPulse 1.5s ease-in-out infinite alternate}.skeleton-channel-name{width:80%;height:16px;background:linear-gradient(90deg,#fff3 25%,#fff6,#fff3 75%);background-size:200% 100%;border-radius:4px;animation:skeletonShimmer 2s infinite;border:1px solid rgba(255,255,255,.1)}.skeleton-preview-button{width:24px;height:24px;background:linear-gradient(90deg,#4caf5033 25%,#4caf5066,#4caf5033 75%);background-size:200% 100%;border-radius:4px;animation:skeletonShimmer 2s infinite}.skeleton-header-item{animation:skeletonPulse 1.5s ease-in-out infinite alternate}.skeleton-time-marker{width:60%;height:14px;background:linear-gradient(90deg,#2196f333 25%,#2196f366,#2196f333 75%);background-size:200% 100%;border-radius:3px;animation:skeletonShimmer 2s infinite;margin:8px auto}.skeleton-row{animation:skeletonPulse 1.5s ease-in-out infinite alternate}.skeleton-program-block{background:linear-gradient(90deg,#ffffff26 25%,#ffffff4d,#ffffff26 75%);background-size:200% 100%;border:2px solid rgba(255,255,255,.2);border-radius:8px;animation:skeletonShimmer 2s infinite;position:absolute;height:45px;top:5px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.skeleton-program-title{width:80%;height:12px;background:linear-gradient(90deg,#fff3 25%,#fff6,#fff3 75%);background-size:200% 100%;border-radius:3px;animation:skeletonShimmer 2s infinite}@keyframes skeletonPulse{0%{opacity:.6}to{opacity:1}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-wrapper{width:3120px}@media (max-width: 768px){.skeleton-wrapper{width:2880px}.skeleton-channel-name{width:70%;height:14px}.skeleton-program-title{width:70%;height:10px}}@media (max-width: 480px){.skeleton-wrapper{width:2640px}.skeleton-channel-name{width:60%;height:12px}.skeleton-program-title{width:60%;height:8px}}.guide-loading-status{position:fixed;top:20px;right:20px;background:#2196f3f2;color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 25px #0000004d;border:2px solid rgba(255,255,255,.2);z-index:1001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:loadingStatusSlideIn .5s ease-out;max-width:300px;transition:all .3s ease-out}.guide-loading-status.fade-out{opacity:0;transform:translate(100%)}.loading-status-content{display:flex;align-items:center;gap:12px}.loading-status-icon{font-size:1.5rem;animation:loadingIconBounce 2s ease-in-out infinite}.loading-status-text{flex:1}.loading-status-title{font-weight:700;font-size:1rem;margin-bottom:4px;letter-spacing:.5px}.loading-status-subtitle{font-size:.85rem;opacity:.9;font-style:italic}@keyframes loadingStatusSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes loadingIconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}@media (max-width: 768px){.guide-loading-status{top:10px;right:10px;padding:.75rem 1rem;max-width:250px}.loading-status-title{font-size:.9rem}.loading-status-subtitle{font-size:.8rem}.loading-status-icon{font-size:1.2rem}}@media (max-width: 480px){.guide-loading-status{top:5px;right:5px;left:5px;max-width:none;padding:.5rem .75rem}.loading-status-content{gap:8px}.loading-status-title{font-size:.85rem}.loading-status-subtitle{font-size:.75rem}.loading-status-icon{font-size:1rem}}.field-error{position:absolute;top:calc(100% - 6px);left:0;z-index:25;display:inline-flex;align-items:center;gap:.35rem;color:#ff6b6b;font-size:.78rem;line-height:1.2;padding:.25rem .5rem;background:#ff4d4f14;border-radius:4px;border:1px solid rgba(255,77,79,.25);box-shadow:0 2px 6px #0003}.input-with-dropdown,.url-input-container,.name-input-container,.custom-time-picker,.duration-input-container{position:relative}.field-error.rtp-url-error{border-left:3px solid #ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-input-feed{background-color:#121212;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid #333;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;scrollbar-gutter:stable;min-height:50vh;scrollbar-width:thin;scrollbar-color:rgba(33,150,243,.45) rgba(255,255,255,.06)}.modal-content-input-feed-srt{background-color:#121212;border-radius:12px;width:100%;max-width:600px;max-height:90vh;min-height:50vh;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid #333;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(33,150,243,.45) rgba(255,255,255,.06)}.modal-content-input-feed::-webkit-scrollbar{width:6px}.modal-content-input-feed::-webkit-scrollbar-track{background:#ffffff0f;border-radius:8px}.modal-content-input-feed::-webkit-scrollbar-thumb{background-color:#2196f373;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.modal-content-input-feed::-webkit-scrollbar-thumb:hover{background-color:#2196f3b3}.modal-body-delete{padding:18px}.modal-content-delete{background-color:#121212;border-radius:12px;width:90%;max-width:500px;max-height:85vh;padding:12px;margin:12px;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid #333;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}form{padding:1.25rem;flex:1;display:flex;flex-direction:column}.form-group{margin-top:.5rem}.form-row{display:flex;gap:1rem;width:100%}.form-row .form-group{flex:1;margin-bottom:0;min-width:0}.form-row .name-input-container,.form-row .input-with-dropdown{width:100%}.form-row .name-input,.form-row .url-input{width:100%;min-width:0}.form-row .input-with-dropdown{position:relative}.form-row .dropdown-menu{min-width:100%;max-width:none}label{display:block;color:#ffffffd9;font-weight:500;font-size:.9rem;margin-bottom:.75rem;transition:color .2s ease}label span{display:flex;align-items:center;gap:.5rem}label:hover{color:#fffffff2}label svg{color:#2196f3;font-size:1.1rem;opacity:.9;transition:all .2s ease}label:hover svg{opacity:1;transform:scale(1.05)}input,select{width:100%;padding:.6rem .75rem;border:1px solid #333;border-radius:6px;background-color:#1e1e1e;color:#fff;font-size:.95rem;transition:all .2s ease}input:focus,select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.network-select-container{position:relative;overflow:hidden}.network-select-container{position:relative;overflow:visible}.network-display{width:100%;padding:.4rem 2rem .4rem .5rem;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.95rem;transition:all .3s ease;box-shadow:inset 0 1px 3px #0003;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.network-display:hover{background-color:#1e1e1e;border-color:#2196f34d}.network-display:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa50033,inset 0 1px 3px #0003;background-color:#323232cc}.network-display-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.network-display-icon{position:absolute;right:1rem;color:#2196f3;font-size:1.25rem;opacity:.8;transition:all .2s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.network-display:hover .network-display-icon{opacity:1;transform:scale(1.1)}.network-dropdown{margin-top:1px;max-height:180px}.network-select{width:100%;padding:.75rem 3rem .75rem 1rem;background-color:#1a1a1a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 6px #0003,inset 0 1px 2px #0003;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232196f3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.05);position:relative}.form-actions:before{content:"";position:absolute;top:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(33,150,243,.2),transparent)}.cancel-button{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:500;font-size:.9rem;box-shadow:0 2px 5px #0003;display:flex;align-items:center;justify-content:center}.cancel-button:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.cancel-button:active{transform:translateY(1px);box-shadow:0 1px 2px #0003}.submit-button{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;transition:all .2s;font-weight:600;font-size:.9rem;box-shadow:0 2px 5px #0003,0 0 0 1px #2196f34d;display:flex;align-items:center;justify-content:center;min-width:120px;position:relative;overflow:hidden}.submit-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:all .6s}.submit-button:hover{background:linear-gradient(135deg,#1976d2,#0d47a1);transform:translateY(-1px);box-shadow:0 4px 12px #2196f366,0 0 0 1px #2196f380}.submit-button:hover:before{left:100%}.submit-button:active{transform:translateY(1px);box-shadow:0 1px 3px #0003,0 0 0 1px #2196f380}.submit-button:disabled{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);color:#fff6;border:none;cursor:not-allowed;box-shadow:none;transform:none}.input-with-dropdown{position:relative}.url-input-container{position:relative;overflow:hidden}.url-input-container{position:relative;overflow:visible}.url-input{width:100%;padding:.75rem 3rem .75rem 1rem;background-color:#1a1a1a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 6px #0003,inset 0 1px 2px #0003}.url-input:focus{border-color:#2196f380;box-shadow:0 0 0 2px #2196f333,inset 0 1px 2px #0000001a;background-color:#1e1e1e}.url-input.error{border-color:#ff4d4f80;box-shadow:0 0 0 2px #ff4d4f33,inset 0 1px 2px #0000001a}.url-input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#2196f3;font-size:1.25rem;pointer-events:none;opacity:.8;transition:all .2s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.url-input:focus+.url-input-icon{color:#1976d2;opacity:1;transform:translateY(-50%) scale(1.1)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background-color:#1a1a1a;border-radius:12px;max-height:180px;overflow-y:auto;z-index:20;box-shadow:0 10px 25px #00000080,0 0 0 1px #ffffff0d;animation:dropdownSlideIn .25s cubic-bezier(.25,1,.5,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);scrollbar-width:thin;scrollbar-color:#2196f3 #1a1a1a;padding:6px}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top center}to{opacity:1;transform:translateY(0) scale(1);transform-origin:top center}}.dropdown-menu:before{content:"";position:absolute;top:-6px;left:20px;width:12px;height:12px;background-color:#1a1a1a;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);transform:rotate(45deg);z-index:-1}.dropdown-menu::-webkit-scrollbar{width:4px}.dropdown-menu::-webkit-scrollbar-track{background:transparent;margin:6px}.dropdown-menu::-webkit-scrollbar-thumb{background-color:#2196f380;border-radius:10px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:#2196f3cc}.dropdown-header{padding:8px 12px;font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:6px}.dropdown-items-container{display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto}.dropdown-item{padding:10px 12px;cursor:pointer;transition:all .15s ease;font-size:.9rem;display:flex;align-items:center;color:#ffffffd9;border-radius:8px;position:relative;overflow:hidden}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;margin-right:10px;color:#2196f3;font-size:1rem;opacity:.9;transition:all .15s ease}.dropdown-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item:hover{background-color:#2196f326;color:#fff}.dropdown-item:hover .dropdown-item-icon{opacity:1;transform:scale(1.1)}.dropdown-item:active{background-color:#646cff40;transform:scale(.98)}.dropdown-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(100,108,255,.4) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.dropdown-item:active:after{opacity:1}.advanced-settings-toggle{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;margin:.75rem 0;cursor:pointer;transition:all .2s;color:#ffffffb3;font-size:.85rem;border:1px solid #333;border-radius:6px;background-color:#1e1e1e;width:fit-content}.advanced-settings-toggle:hover{color:#fff;background-color:#2a2a2a;border-color:#444}.toggle-icon{font-size:.7rem;margin-left:.75rem;color:#2196f3}.advanced-settings{background-color:#151515;border-radius:8px;padding:1rem;margin-top:1rem;margin-bottom:1rem;border:1px solid #222}.duration-input-container{position:relative;overflow:visible;display:flex;flex-direction:column;gap:.2rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.duration-quick-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.25rem}.duration-quick-button{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .5rem;background:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:6px;color:#2196f3;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.duration-quick-button:hover{background:#2196f326;border-color:#2196f34d;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.duration-quick-button:active{transform:translateY(0);background:#2196f333}.duration-quick-icon{color:#2196f3;font-size:.85rem;flex-shrink:0;margin-top:4px}.duration-picker-wrapper{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.4rem 2rem;transition:all .2s ease}.duration-time-input{width:44px;padding:.25rem;background:transparent;color:#e0e0e0;border:1px solid rgba(255,255,255,.1);border-radius:4px;text-align:center;font-size:.85rem;font-family:SF Mono,Monaco,Menlo,monospace;transition:all .2s ease}.duration-time-input:hover{border-color:#fff3;background:#ffffff0d}.duration-time-input:focus{outline:none;border-color:#2196f3;background:#2196f31a}.duration-separator{color:#666;font-size:.85rem;-webkit-user-select:none;user-select:none;opacity:.8}.duration-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:180px;overflow-y:auto;background:#232323f2;border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 4px 12px #0003;z-index:10;animation:dropdownSlideIn .2s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.duration-dropdown::-webkit-scrollbar{width:6px}.duration-dropdown::-webkit-scrollbar-track{background:transparent}.duration-dropdown::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.duration-dropdown-item{padding:.35rem .5rem;color:#e0e0e0;cursor:pointer;transition:all .15s ease;font-size:.85rem;display:flex;align-items:center;justify-content:center}.duration-dropdown-item:hover{background:#2196f326;color:#fff}.duration-dropdown-item.selected{background:#2196f333;color:#2196f3;font-weight:500}.duration-help{font-size:.75rem;color:#888;margin:.5rem;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#0003;border-radius:4px;border:1px solid rgba(255,255,255,.05)}.duration-help-icon{color:#2196f3;font-size:.85rem;opacity:.9}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.error-message{color:#ff4d4f;font-size:.8rem;margin-top:.75rem;padding:.5rem .75rem;background-color:#ff4d4f14;border-radius:8px;display:flex;align-items:center;box-shadow:0 2px 8px #00000026;animation:errorPulse 2s infinite;border:1px solid rgba(255,77,79,.2)}@keyframes errorPulse{0%{box-shadow:0 0 #ff4d4f66}70%{box-shadow:0 0 0 6px #ff4d4f00}to{box-shadow:0 0 #ff4d4f00}}.error-message:before{content:"⚠️";margin-right:.75rem;font-size:1rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.help-text{color:#ffffff80;font-size:.8rem;margin-top:.75rem;font-style:italic;line-height:1.4;padding:.5rem .75rem;background-color:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-start;gap:.5rem}.help-text-icon{color:#2196f3;opacity:.7;font-size:1rem;margin-top:.1rem;flex-shrink:0}.network-option{padding:8px 12px;background-color:#1a1a1a;color:#fff}.network-option:hover{background-color:#2a2a2a}@-moz-document url-prefix(){.network-select{color:#fff;background-color:#1a1a1a;border-radius:10px}}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.name-input-container{position:relative;overflow:hidden}.name-input-container{position:relative;overflow:visible}.name-input{width:100%;padding:.75rem 3rem .75rem 1rem;background-color:#1a1a1a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 6px #0003,inset 0 1px 2px #0003}.name-input:focus{border-color:#2196f380;box-shadow:0 0 0 2px #2196f333,inset 0 1px 2px #0000001a;background-color:#1e1e1e}.name-input-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#2196f3;font-size:1.25rem;pointer-events:none;opacity:.8;transition:all .2s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.name-input:focus+.name-input-icon{color:#1976d2;opacity:1;transform:translateY(-50%) scale(1.1)}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.flex{display:flex}.items-center{align-items:center}.relative{position:relative}.absolute{position:absolute}.right-3{right:.75rem}.top-1\/2{top:50%}.transform{transform:translateY(-50%)}.text-gray-400{color:#9ca3af}.text-\[\#2196f3\]{color:#2196f3}.scheduling-section{border-radius:10px;padding-bottom:.3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.schedule-options{display:flex;flex-direction:column;gap:1rem}.schedule-mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.25rem}.mode-button{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#19191999;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;min-height:3.25rem}.mode-button:hover{background:#232323cc;border-color:#2196f34d;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.mode-button.active{background:#2196f31a;border-color:#2196f34d;box-shadow:0 2px 8px #2196f326}.mode-icon{color:#2196f3;font-size:1.1rem;padding:.35rem;background:#2196f31a;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-content{flex:1;min-width:0}.mode-title{color:#e0e0e0;font-weight:500;font-size:.9rem;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-description{color:#ffffff80;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-time-section{border-radius:8px;padding:.75rem}.time-picker-input svg{color:#1976d2}.time-picker-container{display:flex;flex-direction:column;gap:.75rem}.time-picker-header{display:flex;align-items:center;gap:.5rem;color:#e0e0e0;font-weight:500;font-size:.9rem;padding-bottom:.375rem;border-bottom:1px solid rgba(255,255,255,.1)}.time-picker-icon{color:#2196f3;font-size:1.1rem}.quick-time-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:.5rem 0}.quick-time-button{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.35rem .5rem;background:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:6px;color:#2196f3;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quick-time-button:hover{background:#2196f326;border-color:#2196f34d;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.quick-time-button:active{transform:translateY(0);background:#2196f333}.quick-time-icon{color:#2196f3;font-size:.85rem;flex-shrink:0}.time-picker-divider{display:flex;align-items:center;text-align:center;margin:.75rem 0}.time-picker-divider:before,.time-picker-divider:after{content:"";flex:1;border-bottom:1px solid rgba(255,255,255,.1)}.time-picker-divider span{padding:0 .75rem;color:#ffffff80;font-size:.85rem;background:transparent}.custom-time-picker{background:#19191999;border-radius:6px}.time-picker-input{background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem;color:#e0e0e0;font-size:.9rem;width:100%;transition:all .2s ease}.time-picker-input:hover{border-color:#fff3;background:#ffffff0d}.time-picker-input:focus{outline:none;border-color:#2196f3;background:#2196f31a}.time-picker-input.error{border-color:#ff4d4f80;box-shadow:0 0 0 2px #ff4d4f26}.time-picker-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer;opacity:.7;transition:opacity .15s ease;scale:.9}.time-picker-input::-webkit-calendar-picker-indicator:hover{opacity:1}.schedule-error{display:flex;align-items:center;gap:.5rem;color:#ff6b6b;font-size:.85rem;padding:.5rem .75rem;background:#ff4d4f14;border-radius:6px;margin-top:.5rem;border-left:3px solid #ef4444;box-shadow:0 2px 6px #0003}.error-icon{color:#f44;font-size:1rem;flex-shrink:0}.time-zone-info{display:flex;align-items:flex-start;gap:.35rem;font-size:.75rem;color:#888;margin-top:.25rem;padding:.35rem .5rem;background:#0003;border-radius:4px;border:1px solid rgba(255,255,255,.05);line-height:1.4}.timezone-icon{color:#2196f3;font-size:.85rem;opacity:.9;margin-top:.1rem;flex-shrink:0}.time-zone-info strong{color:#e0e0e0;font-weight:500}.time-zone-info small{display:block;margin-top:.125rem;color:#ffffff80;font-size:.75rem}.duration-input-group{position:relative;display:flex;align-items:center;cursor:pointer}.dropdown-arrow{position:absolute;right:2px;color:#666;font-size:.85rem;transition:transform .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.dropdown-arrow.open{transform:rotate(180deg);color:#2196f3}.duration-time-input{padding-right:16px!important}.duration-help{display:flex;align-items:flex-start;gap:.35rem;font-size:.75rem;color:#888;margin-top:.25rem;padding:.35rem .5rem;background:#0003;border-radius:4px;border:1px solid rgba(255,255,255,.05);line-height:1.4}.duration-help-icon{color:#2196f3;font-size:.85rem;opacity:.9;margin-top:.1rem;flex-shrink:0}.modal-content-input-feed input,.modal-content-input-feed select{border:1px solid rgba(255,255,255,.08);border-radius:8px;background-color:#0f1115;color:#e6e6e6}.modal-content-input-feed input:hover,.modal-content-input-feed select:hover{border-color:#ffffff29}.modal-content-input-feed input:focus,.modal-content-input-feed select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed ::placeholder{color:#ffffff59}.modal-content-input-feed .url-input{background-color:#0f1115;color:#e6e6e6;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:none;padding:.4rem .8rem}.modal-content-input-feed .url-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed .url-input.error{border-color:#ff4d4f99;box-shadow:0 0 0 2px #ff4d4f33}.modal-content-input-feed .name-input{background-color:#0f1115;color:#e6e6e6;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:none;padding:.4rem .8rem}.modal-content-input-feed .name-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed .network-display{color:#e6e6e6;border:1px solid rgba(255,255,255,.08);background-color:#0f1115;box-shadow:none}.modal-content-input-feed .network-display:hover{background-color:#12161c;border-color:#ffffff29}.modal-content-input-feed .network-display:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed .time-picker-input{color:#e6e6e6}.modal-content-input-feed .time-picker-input:hover{border-color:#27191929;background:#ffffff0a}.modal-content-input-feed .time-picker-input:focus{border-color:#2196f3;background:#27465f14;box-shadow:0 0 0 2px #2196f340}.modal-content-input-feed .duration-time-input{background:#0f1115;color:#e6e6e6;border:1px solid rgba(255,255,255,.08);padding:.4rem;font-size:.7rem}.modal-content-input-feed .input--accent-blue:not(.error):hover{border-color:#2196f3}.modal-content-input-feed .input--accent-blue:not(.error):focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f340}.modal-content-input-feed-srt input:hover,.modal-content-input-feed-srt select:hover{border-color:#ffffff29}.modal-content-input-feed-srt input:focus,.modal-content-input-feed-srt select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed-srt ::placeholder{color:#ffffff59}.modal-content-input-feed-srt .url-input{background-color:#0f1115;color:#e6e6e6;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:none;padding:.4rem .8rem}.modal-content-input-feed-srt .url-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed-srt .url-input.error{border-color:#ff4d4f99;box-shadow:0 0 0 2px #ff4d4f33}.modal-content-input-feed-srt .name-input{background-color:#0f1115;color:#e6e6e6;border:1px solid rgba(255,255,255,.08);border-radius:8px;box-shadow:none;padding:.4rem .8rem}.modal-content-input-feed-srt .name-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed-srt .network-display{color:#e6e6e6;border:1px solid rgba(255,255,255,.08);background-color:#0f1115;box-shadow:none}.modal-content-input-feed-srt .network-display:hover{background-color:#12161c;border-color:#ffffff29}.modal-content-input-feed-srt .network-display:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f340;background-color:#12161c}.modal-content-input-feed-srt .time-picker-input{color:#e6e6e6}.modal-content-input-feed-srt .time-picker-input:hover{border-color:#27191929;background:#ffffff0a}.modal-content-input-feed-srt .time-picker-input:focus{border-color:#2196f3;background:#27465f14;box-shadow:0 0 0 2px #2196f340}.modal-content-input-feed-srt .duration-time-input{background:#0f1115;color:#e6e6e6;border:1px solid rgba(255,255,255,.08);padding:.4rem;font-size:.7rem}.modal-content-input-feed-srt .input--accent-blue:not(.error):hover{border-color:#2196f3}.modal-content-input-feed-srt .input--accent-blue:not(.error):focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f340}.modal-content-input-feed-srt .url-input-pass{width:100%;padding:.75rem 3rem .75rem 1rem;background-color:#1a1a1a;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.95rem;transition:all .2s ease;box-shadow:0 2px 6px #0003,inset 0 1px 2px #0003}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-header h2{margin:0;font-size:20px;color:#333}.modal-body{padding:20px}.modal-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.cancel-button{background-color:#f5f5f5;color:#333;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:500}.cancel-button:hover{background-color:#e0e0e0}.cancel-button:disabled{background-color:#f5f5f5;color:#bdbdbd;cursor:not-allowed}@media (max-width: 600px){.modal-content{width:95%;max-height:95vh}.modal-header h2{font-size:18px}}.input-group{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.input-label{min-width:50px;width:100px;color:#666;font-size:1.1rem;font-weight:500;text-align:center;flex-shrink:0}.input-wrapper{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease;position:relative}.input-wrapper:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.modal-input{background-color:transparent;width:100%;border:none;outline:none;font-size:.95rem;line-height:1.4}.modal-input::placeholder{color:#999}.modal-input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #8a70d633}.modal-button{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem;min-width:100px}.confirm-button{background-color:#2196f3;color:#fff}.confirm-button:hover{background-color:#1976d2;transform:translateY(-1px)}.confirm-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:none}@media (max-width: 768px){.input-group{flex-direction:column;align-items:flex-start;gap:.5rem}.input-label{min-width:auto;width:auto;text-align:left}}@media (max-width: 480px){.modal-content{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-footer{flex-direction:column}.modal-button{width:100%}}.service-modal{max-width:500px;width:90%;background-color:#121212;box-shadow:0 8px 32px #0006;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);border-radius:12px;overflow:hidden;border:1px solid #333}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.modal-header{background-color:#121212;border-bottom:1px solid #333;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.modal-header h2{color:#2196f3;font-size:1.1rem;font-weight:600;display:flex;align-items:center;margin:0}.close-button{color:#888;font-size:1.25rem;transition:all .2s;background:none;border:none;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%}.close-button:hover{color:#fff;background-color:#ffffff1a}.modal-body{padding:.75rem;background-color:#121212;max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 #121212}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#121212}.modal-body::-webkit-scrollbar-thumb{background-color:#444;border-radius:6px}.modal-footer{display:flex;justify-content:flex-end;padding:.75rem 1.25rem;border-top:1px solid #333;gap:.75rem}.service-selection-container{display:flex;flex-direction:column;gap:1rem}.info-panel{background-color:#1a1a1a;border-radius:8px;padding:.75rem;box-shadow:0 2px 8px #00000026;border:1px solid #333;height:100%;display:flex;flex-direction:column;gap:.75rem}.stream-info-section{display:flex;flex-direction:column}.service-info-section{display:flex;flex-direction:column;border-top:1px solid #333;padding-top:.75rem;margin-top:.25rem}.stream-info-section h3,.service-info-section h3{margin-top:0;margin-bottom:.5rem;font-size:.8rem;color:#2196f3;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.info-item{display:flex;flex-direction:column;padding:.4rem .6rem;background-color:#151515;border-radius:6px;border:1px solid #222;transition:all .2s}.info-item:hover{border-color:#333}.info-label{font-weight:500;color:#777;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.info-value{font-size:.8rem;color:#fff;font-weight:500;text-align:center}.info-value.synced{color:#4caf50;font-weight:600}.info-value.not-synced{color:#f44336;font-weight:600}.service-info-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.info-value.highlight{color:#2196f3;font-weight:600}.detail-value.highlight-id{color:#2196f3;font-weight:600;font-size:.9rem}.detail-value.highlight-ready{color:#4caf50;font-weight:600}.section-icon{margin-right:.5rem;font-size:1rem;color:#2196f3}.detail-label-with-icon{display:flex;align-items:center;gap:.5rem}.detail-icon{color:#aaa;font-size:1rem}.service-id-label{color:#aaa;margin-right:.25rem;font-size:.85rem}.service-id-value{font-weight:600;color:#ff9800}.button-icon{font-size:1.1rem}.service-selection{background-color:#1a1a1a;border-radius:8px;padding:.75rem;box-shadow:0 2px 8px #00000026;border:1px solid #333;height:100%;display:flex;flex-direction:column}.service-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #333}.service-selection h3{margin:0;font-size:.85rem;color:#2196f3;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.sync-status{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.sync-status.synced{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.sync-status.not-synced{background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2)}.sync-status .status-icon{font-size:.9rem}.selection-confirmation{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background-color:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:6px;color:#2196f3;font-size:.9rem}.confirmation-icon{font-size:1.1rem;color:#2196f3}.selection-confirmation strong{color:#fff;font-weight:600}.service-table-container{border:none;border-radius:4px;overflow:hidden;background-color:transparent;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 #1a1a1a;flex:1}.service-table-container::-webkit-scrollbar{width:4px}.service-table-container::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.service-table-container::-webkit-scrollbar-thumb{background-color:#444;border-radius:4px}.service-table{width:100%;border-collapse:collapse;text-align:center}.service-table thead{background-color:#151515;position:sticky;top:0;z-index:10}.service-table th{padding:.4rem .5rem;font-weight:500;color:#2196f3;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #222;text-align:center}.service-table tbody tr{cursor:pointer;transition:all .2s ease;border-bottom:1px solid #222;height:32px}.service-table tbody tr:last-child{border-bottom:none}.service-table tbody tr:hover{background-color:#222}.service-table tbody tr.selected{background-color:#2196f31a;border-left:3px solid #2196f3}.service-table td{padding:.3rem .5rem;vertical-align:middle;font-size:.8rem}.service-name-column{width:30%;min-width:120px}.service-id-column{width:10%;min-width:60px}.service-video-column,.service-audio-column{width:30%;min-width:120px}.service-action-column{width:5%;text-align:center}.service-name-cell{font-weight:500;color:#fff;text-align:center}.service-id-cell{color:#2196f3;font-weight:500;text-align:center}.service-video-cell,.service-audio-cell{text-align:center;color:#fff}.video-info,.audio-info{display:flex;flex-direction:column;gap:.1rem}.video-info .codec,.audio-info .codec{font-weight:500;color:#4caf50;font-size:.75rem}.video-info .resolution,.audio-info .channels{color:#aaa;font-size:.7rem}.no-info{color:#666;font-style:italic;font-size:.75rem}.service-action-cell{text-align:center}.service-table tfoot{background-color:#151515}.service-table-footer{padding:.5rem .75rem;color:#777;font-size:.75rem;text-align:center;border-top:1px solid #333}.service-list{max-height:250px;overflow-y:auto;background-color:#2a2a2a;scrollbar-width:thin;scrollbar-color:#444 #2a2a2a}.service-list::-webkit-scrollbar{width:8px}.service-list::-webkit-scrollbar-track{background:#2a2a2a;border-radius:8px}.service-list::-webkit-scrollbar-thumb{background-color:#444;border-radius:8px}.service-item{padding:1rem;border-bottom:1px solid #333;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;background-color:#2a2a2a}.service-item:last-child{border-bottom:none}.service-item:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 3px 6px #0003}.service-item.selected{background-color:#2196f326;border-left:4px solid #2196f3}.service-item-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.service-item-action{margin-left:1rem}.service-name{font-weight:600;font-size:1rem;color:#fff}.service-id{color:#aaa;font-size:.9rem;display:flex;align-items:center}.selected-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#2196f3;font-weight:500}.select-button{padding:.4rem .8rem;background-color:#2196f31a;color:#2196f3;border:1px solid #2196f3;border-radius:4px;font-size:.85rem;transition:all .2s}.service-item:hover .select-button{background-color:#2196f333}.check-icon{font-size:1.25rem}.selected-service-details{background-color:#1a1a1a;border-radius:8px;margin-top:.75rem;box-shadow:0 2px 8px #00000026;border:1px solid #333;transition:all .2s ease;overflow:hidden}.selected-service-details:hover{box-shadow:0 3px 10px #0003;border-color:#444}.service-detail-header{padding:.6rem .75rem;background-color:#646cff0d;display:flex;align-items:center;justify-content:space-between}.service-detail-title{display:flex;align-items:center;gap:.5rem}.service-name-large{font-size:.85rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.service-id-badge{display:flex;align-items:center;background-color:#646cff1a;border:1px solid rgba(100,108,255,.2);color:#2196f3;padding:.2rem .4rem;border-radius:4px;font-size:.7rem;font-weight:500}.badge-icon{margin-right:.4rem;font-size:.9rem}.service-detail-tabs{display:flex;border-bottom:1px solid #333;background-color:#151515}.tab{padding:.5rem 1rem;color:#777;cursor:pointer;transition:all .2s;font-size:.8rem;font-weight:500}.tab.active{color:#2196f3;border-bottom:2px solid #2196f3;background-color:#646cff0d}.service-detail-content{padding:.75rem 1rem}.detail-section{margin-bottom:1rem}.detail-section:last-child{margin-bottom:0}.detail-section-title{display:flex;align-items:center;margin:0 0 .75rem;font-size:.9rem;color:#fff;padding-bottom:.4rem;border-bottom:1px solid #222}.detail-section-icon{margin-right:.4rem;color:#2196f3;font-size:.9rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.detail-item{background-color:#151515;border:1px solid #222;border-radius:6px;padding:.5rem .75rem;transition:all .2s}.detail-item:hover{background-color:#1d1d1d;transform:translateY(-1px);border-color:#333}.detail-item-label{color:#777;font-size:.7rem;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.detail-item-value{color:#fff;font-weight:500;font-size:.85rem;text-align:center}.detail-item-value.highlight-id,.detail-item-value.highlight-codec,.detail-item-value.highlight-resolution{color:#2196f3;font-weight:600}.status-card{background-color:#151515;border:1px solid #222;border-radius:6px;padding:.75rem}.status-indicator{display:flex;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;margin-right:.5rem}.status-dot.success{background-color:#4caf50;box-shadow:0 0 4px #4caf50}.status-text{color:#4caf50;font-weight:500;font-size:.8rem}.status-description{color:#777;font-size:.8rem;line-height:1.4}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;text-align:center;color:#888}.loading-spinner{width:36px;height:36px;border:3px solid rgba(100,108,255,.1);border-radius:50%;border-top:3px solid #2196f3;animation:spin .8s linear infinite;margin-bottom:1rem}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(100,108,255,.1);border-radius:50%;border-top:2px solid #2196f3;animation:spin .8s linear infinite;margin-right:.5rem}.loading-subtext{color:#666;font-size:.8rem;margin-top:.5rem;opacity:.7}.pulse-icon{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.sync-status-indicator{display:flex;align-items:center;margin-top:.75rem;padding:.5rem .75rem;background-color:#f443360d;border-radius:6px;border:1px solid rgba(244,67,54,.2)}.sync-pulse{width:8px;height:8px;background-color:#f44336;border-radius:50%;margin-right:.5rem;animation:pulse 1.5s infinite}.error-message{display:flex;flex-direction:column}.error-icon,.info-icon{font-size:2rem;opacity:.9}.retry-button{margin-top:.75rem;padding:.4rem .75rem;background-color:#f443361a;color:#f44336;border:1px solid rgba(244,67,54,.2);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.85rem}.retry-button:hover{background-color:#f4433626;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.no-services{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;text-align:center;color:#888;background-color:#1a1a1ab3;border-radius:8px;border:1px solid #333}.no-service-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem;text-align:center;height:100%;min-height:200px}.no-service-selected .info-icon{font-size:2.5rem;color:#555;margin-bottom:1rem;opacity:.8}.no-service-selected h3{margin:0 0 .75rem;font-size:1.1rem;color:#888;font-weight:600}.no-service-selected p{margin:0 0 1.5rem;color:#666;font-size:.9rem;line-height:1.5;max-width:280px}.selection-hint{background-color:#2196f30d;border:1px solid rgba(33,150,243,.1);border-radius:6px;padding:.75rem 1rem;margin-top:.5rem}.selection-hint span{color:#2196f3;font-size:.85rem;font-weight:500}.empty-services-action{margin-top:1.5rem}.service-list-container{display:flex;flex-direction:column;border:1px solid #333;border-radius:8px;overflow:hidden;background-color:#2a2a2a}.service-list-header{display:flex;justify-content:space-between;padding:.75rem 1rem;background-color:#222;border-bottom:1px solid #333;font-weight:600;color:#2196f3;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.service-header-name{flex:1}.service-header-id{width:100px;text-align:right}.service-list-footer{padding:.75rem 1rem;background-color:#222;border-top:1px solid #333;color:#aaa;font-size:.85rem}.service-count{font-style:italic}.select-prompt{color:#555;font-size:.75rem;font-style:italic;opacity:0;transition:opacity .2s}.service-table tbody tr:hover .select-prompt{opacity:1;color:#2196f3}.detail-value-container{display:flex;align-items:center;gap:.5rem}.status-icon{font-size:1.1rem}.status-icon.success{color:#4caf50}.status-with-icon{display:flex;align-items:center;gap:.5rem}.selected-service-action{padding:1.25rem;background-color:#222;border-top:1px solid #333}.full-width{width:100%}.modal-footer-left{display:flex;align-items:center}.modal-footer-right{display:flex;gap:.75rem;align-items:center}.submitting-indicator{display:flex;align-items:center;color:#777;font-size:.8rem}.cancel-button{background-color:transparent;color:#888;border:1px solid #333;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px;font-size:.85rem}.cancel-button:hover{background-color:#ffffff0d;color:#fff;border-color:#444}.cancel-button:active{transform:translateY(1px)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.record-all-button,.record-selected-button{padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem}.record-all-button{background-color:#1a1a1a;color:#4caf50;border:1px solid #4caf50}.record-all-button:hover:not(:disabled){background-color:#4caf501a;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.record-all-button:active:not(:disabled){transform:translateY(0)}.record-all-button:disabled{opacity:.5;cursor:not-allowed}.record-selected-button{background-color:#2196f3;color:#fff;border:none;font-weight:500;min-width:100px;box-shadow:0 2px 4px #646cff33}.record-selected-button:hover:not(:disabled){background-color:#535bf2;transform:translateY(-1px);box-shadow:0 2px 6px #646cff4d}.record-selected-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #646cff4d}.record-selected-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.service-modal{max-width:95%;width:95%;margin:1rem}.service-selection-header{flex-direction:column;align-items:flex-start;gap:.5rem}.sync-status{align-self:flex-end}.modal-footer{flex-direction:column;gap:1rem;padding:1rem}.modal-footer-left,.modal-footer-right{width:100%}.modal-footer-right{flex-direction:column;gap:.75rem}.modal-footer button{width:100%;justify-content:center}.service-table th,.service-table td{padding:.3rem .25rem;font-size:.75rem}.service-name-column{width:40%}.service-id-column{width:15%}.service-video-column,.service-audio-column{width:22.5%}}.rtp-senders-section{background-color:#1a1a1a;border-radius:8px;padding:.75rem;box-shadow:0 2px 8px #00000026;border:1px solid #333;margin-bottom:.75rem}.rtp-senders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rtp-senders-header h3{margin:0;font-size:.8rem;color:#2196f3;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.refresh-senders-button{display:flex;align-items:center;gap:.5rem;background-color:#333;color:#fff;border:1px solid #444;border-radius:6px;padding:.4rem .75rem;font-size:.75rem;cursor:pointer;transition:all .2s}.refresh-senders-button:hover:not(:disabled){background-color:#444;border-color:#555}.refresh-senders-button:disabled{opacity:.6;cursor:not-allowed}.refresh-icon{width:14px;height:14px;transition:transform .5s linear}.refresh-icon.spinning{animation:spin 1s linear infinite}.loading-senders{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.8rem;padding:1rem;justify-content:center}.no-senders{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#888;padding:1rem;text-align:center}.no-senders .info-icon{font-size:1.5rem;color:#666}.no-senders p{margin:0;font-size:.85rem;color:#ccc}.info-subtext{font-size:.75rem;color:#777}.senders-list{display:flex;flex-direction:column;gap:.5rem}.sender-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background-color:#151515;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .2s}.sender-item:hover{border-color:#444;background-color:#1a1a1a}.sender-item.selected{border-color:#2196f3;background-color:#2196f31a}.sender-ip{display:flex;align-items:center;gap:.5rem}.sender-icon{color:#2196f3;font-size:1rem}.ip-address{font-weight:500;color:#fff;font-size:.9rem}.sender-stats{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.packet-count{font-size:.75rem;color:#4caf50;font-weight:500}.last-seen{font-size:.7rem;color:#888}.sender-confirmation{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background-color:#2196f31a;border:1px solid #2196f3;border-radius:6px;color:#2196f3;font-size:.8rem}.sender-confirmation .confirmation-icon{font-size:1rem}.sender-confirmation strong{color:#fff}.loading-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000078;position:absolute;top:0;left:0;z-index:50}.recorder-page{margin:0 auto;padding:1.5rem}.recorder-page-fade-in{animation:fadeIn .7s ease-in-out forwards;opacity:0;box-shadow:0 0 #2196f300}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);box-shadow:0 0 20px #2196f34d}50%{box-shadow:0 0 15px #2196f333}to{opacity:1;transform:translateY(0);box-shadow:0 0 #2196f300}}.header-buttons{display:flex;gap:1rem}.rp-dropdown-menu{background-color:#1a1a1a;border-radius:12px;max-height:180px;overflow-y:auto;z-index:20;box-shadow:0 10px 25px #00000080,0 0 0 1px #ffffff0d;animation:dropdownSlideIn .25s cubic-bezier(.25,1,.5,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);scrollbar-width:thin;scrollbar-color:#2196f3 #1a1a1a;padding:6px}.rp-dropdown-items-container{display:flex;flex-direction:column;gap:4px}.rp-dropdown-item{padding:10px 12px;cursor:pointer;transition:all .15s ease;font-size:.95rem;display:flex;align-items:center;color:#ffffffe6;border-radius:8px;position:relative;overflow:hidden}.rp-dropdown-item:hover{background-color:#2196f326;color:#fff}.rp-dropdown-item:active{background-color:#646cff40;transform:translateY(.5px) scale(.99)}.rp-dropdown-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(100,108,255,.35) 0%,transparent 70%);opacity:0;transition:opacity .2s ease;pointer-events:none}.rp-dropdown-item:active:after{opacity:1}.import-button:hover{background-color:#262626;border-color:#2196f3}.import-button{background-color:#1a1a1a;border-color:#2196f3}.import-button:hover{background-color:#2196f333;border-color:#2196f3}.button-icon{font-size:1rem}.action-button .button-icon{font-size:.85rem}.empty-state{text-align:center;padding:3rem;background-color:#1a1a1a;border-radius:8px;margin-top:2rem}.empty-state-button{background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;margin:0 auto}.empty-state-button:hover{background-color:#3a3a3a;border-color:#2196f3}.recorder-table-container{border-radius:12px;overflow:hidden;background-color:#1a1a1a;box-shadow:0 8px 16px #0003;margin-top:1rem;border:1px solid #333;transition:all .3s ease;position:relative;overflow-x:auto;overflow-y:hidden}.recorder-table-container::-webkit-scrollbar{height:8px}.recorder-table-container::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.recorder-table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:4px;border:1px solid #1a1a1a;transition:all .3s ease}.recorder-table-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#1976d2,#2196f3);box-shadow:0 0 8px #2196f380}.recorder-table-container::-webkit-scrollbar-thumb:active{background:linear-gradient(90deg,#1565c0,#1976d2)}.recorder-table-container{scrollbar-width:thin;scrollbar-color:#2196f3 #2a2a2a}.recorder-table-container:before,.recorder-table-container:after{content:"";position:absolute;top:0;bottom:0;width:20px;pointer-events:none;z-index:5;transition:opacity .3s ease}.recorder-table-container:before{left:0;background:linear-gradient(to right,rgba(26,26,26,.8),transparent);opacity:0}.recorder-table-container:after{right:0;background:linear-gradient(to left,rgba(26,26,26,.8),transparent);opacity:0}.recorder-table-container[data-scroll=left]:before,.recorder-table-container[data-scroll=both]:before{opacity:1}.recorder-table-container[data-scroll=right]:after,.recorder-table-container[data-scroll=both]:after{opacity:1}.recorder-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.recorder-table thead{background-color:#1e1e1e;position:sticky;top:0;z-index:10}.recorder-table th{color:#fff;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;padding:.75rem 1.25rem;text-align:center;border-bottom:2px solid #333;position:relative;height:48px}.recorder-table th:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#646cff00,#646cff4d,#646cff00);transform:scaleX(0);transition:transform .3s ease}.recorder-table th:hover:after{transform:scaleX(1)}.recorder-table td{padding:.5rem 1.25rem;text-align:center;border-bottom:1px solid #333;vertical-align:middle;color:#e0e0e0;font-size:.95rem;min-height:52px;transition:all .4s ease-in-out}.recorder-table tr{transition:all .4s ease-in-out;min-height:60px}.recorder-table tr:hover{background-color:#646cff0d;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.recorder-table tr:last-child td{border-bottom:none}.text-muted{color:#888;text-align:center}.text-small{font-size:.7rem;color:#666;line-height:1.2}.codec-info{display:flex;flex-direction:column;gap:.15rem;font-size:.85rem}.scheduled-info{display:flex;flex-direction:column;gap:.25rem;align-items:center}.scheduled-status{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;display:inline-block;max-width:fit-content;text-transform:uppercase;letter-spacing:.5px}.scheduled-status.scheduled{background-color:#2196f333;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.scheduled-status.immediate{background-color:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.scheduled-time{font-size:.75rem;color:#888;font-family:Courier New,monospace;margin-top:.1rem}.status-container{display:flex;flex-direction:column;gap:.3rem;transition:all .4s ease-in-out;text-align:center;justify-content:center;align-items:center;height:100%;position:relative}.status-indicator{align-items:center;gap:.3rem;justify-content:center;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);z-index:1}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.running{background-color:#4caf50;box-shadow:0 0 5px #4caf50;animation:pulse 1.5s infinite}.status-dot.stopped{background-color:#f44336}.status-dot.completed{background-color:#2196f3}.status-dot.failed{background-color:#ff9800}.status-dot.queue{background-color:#9c27b0;box-shadow:0 0 5px #9c27b0}.status-dot.transcoding{background-color:#ff9800;box-shadow:0 0 5px #ff9800;animation:pulse 1.5s infinite}.status-text{font-weight:600;font-size:.7rem}.status-text.running{color:#4caf50}.status-text.stopped{color:#f44336}.status-text.completed{color:#2196f3}.status-text.failed{color:#ff9800}.status-text.queue{color:#9c27b0}.status-text.transcoding{color:#ff9800}.progress-container{margin-top:2.7rem;display:flex;flex-direction:column;gap:.15rem;position:relative;z-index:0}.progress-bar-container{width:100%;height:4px;background-color:#333;border-radius:2px;overflow:hidden}.progress-bar{height:100%;background-color:#4caf50;transition:width .3s ease}.progress-times{display:flex;justify-content:space-between;font-size:.65rem;color:#888}.sync-status{display:flex;align-items:center;gap:.3rem}.sync-dot{width:6px;height:6px;border-radius:50%}.sync-dot.synced{background-color:#4caf50}.sync-dot.unsynced{background-color:#f44336}.sync-text{font-size:.65rem;font-weight:600}.sync-text.synced{color:#4caf50}.sync-text.unsynced{color:#f44336}.sync-text.connecting-text{color:#ff9800}.sync-dot.connecting-dot{background-color:#ff9800;animation:pulse-animation 1.5s infinite}.joined-indicator{margin-top:3rem;margin-bottom:.3rem;transition:all .4s ease-in-out;opacity:1;max-height:500px;overflow:hidden;position:relative;z-index:0}.stream-info{font-size:.7rem;color:#888;display:flex;flex-direction:column;gap:.1rem}.info-label{font-weight:600;color:#aaa}.action-buttons{display:flex;gap:.3rem;flex-wrap:nowrap}.action-button{display:flex;align-items:center;justify-content:center;gap:.4rem;background-color:transparent;border:1px solid #444;border-radius:6px;padding:.4rem .6rem;color:#fff;font-size:.85rem;font-weight:500;transition:all .2s ease;min-width:80px;height:32px;white-space:nowrap}.action-button:hover:not(:disabled):not(.disabled){background-color:#2196f31a;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.action-button.start{border-color:#4caf50;background-color:#4caf501a}.action-button.start:hover:not(:disabled):not(.disabled){background-color:#4caf5033;border-color:#4caf50;color:#4caf50}.action-button.stop{border-color:#f44336;background-color:#f443361a}.action-button.stop:hover:not(:disabled):not(.disabled){background-color:#f4433633;border-color:#f44336;color:#f44336}.action-button.edit{border-color:#2196f3;background-color:#2196f31a}.action-button.edit:hover:not(:disabled):not(.disabled){background-color:#2196f333;border-color:#2196f3;color:#2196f3}.action-button.delete{border-color:#ff9800;background-color:#ff98001a}.action-button.delete:hover:not(:disabled):not(.disabled){background-color:#ff980033;border-color:#ff9800;color:#ff9800}.action-button.join{border-color:#9c27b0;background-color:#9c27b01a}.action-button.join:hover:not(:disabled):not(.disabled){background-color:#9c27b033;border-color:#9c27b0;color:#9c27b0}.action-button.joined{border-color:#673ab7;background-color:#673ab733;color:#fff}.action-button.joined:hover:not(:disabled):not(.disabled){background-color:#673ab74d;border-color:#673ab7;color:#673ab7}.action-button.disabled,.action-button:disabled{opacity:.5;cursor:not-allowed!important;transform:none!important;box-shadow:none!important;pointer-events:auto!important}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2rem;gap:1rem}.pagination-button{padding:.5rem 1rem;background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.pagination-button:hover:not(:disabled){background-color:#3a3a3a;border-color:#2196f3;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.pagination-info{color:#888}.stream-info-skeleton{margin-top:.2rem;display:flex;flex-direction:column;gap:.1rem;font-size:.7rem;color:#888}.skeleton-item{display:flex;align-items:center;gap:.3rem;min-height:2rem}.skeleton-line{height:10px;background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.8s infinite ease-in-out;border-radius:4px;opacity:.9}.skeleton-services{width:80px;max-width:80px;height:16px}.skeleton-video{width:120px;height:16px;max-width:120px}.skeleton-audio{width:100px;height:16px;max-width:100px}@keyframes shimmer{0%{background-position:200% 0;opacity:.5}50%{opacity:.8}to{background-position:-200% 0;opacity:.5}}.pulse{animation:pulse-animation 1.5s infinite}@keyframes pulse-animation{0%{box-shadow:0 0 #ff9800b3}70%{box-shadow:0 0 0 5px #ff980000}to{box-shadow:0 0 #ff980000}}.loading-text{animation:pulse-opacity 1.2s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.5}}.action-button.loading{background-color:#333;cursor:wait;border-color:#555}.recorder-table tbody tr,.recorder-table tbody td{transition:all .4s ease-in-out}.progress-container{transition:all .4s ease-in-out;overflow:hidden;opacity:1;max-height:200px}.joined-indicator{transition:all .4s ease-in-out;overflow:hidden}.stream-info,.stream-info-skeleton{transition:all .4s ease-in-out;overflow:hidden;opacity:1;max-height:300px}.sync-status,.progress-bar-container,.progress-times{transition:all .4s ease-in-out}.content-fade-in{animation:fadeInContent .4s ease-in-out forwards}.content-fade-out{animation:fadeOutContent .4s ease-in-out forwards}@keyframes fadeInContent{0%{opacity:0;max-height:0;margin-top:0;margin-bottom:0}to{opacity:1;max-height:500px;margin-top:.3rem;margin-bottom:.3rem}}@keyframes fadeOutContent{0%{opacity:1;max-height:500px;margin-top:.3rem;margin-bottom:.3rem}to{opacity:0;max-height:0;margin-top:0;margin-bottom:0}}@media (max-width: 1024px){.recorder-table{min-width:900px}.recorder-table th,.recorder-table td{padding:.4rem .8rem;font-size:.9rem}.action-buttons{gap:.2rem}.action-button{min-width:70px;padding:.3rem .5rem;font-size:.8rem}}@media (max-width: 768px){.recorder-page{padding:.5rem}.header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.recorder-table{min-width:1000px}.recorder-table th,.recorder-table td{padding:.3rem .6rem;font-size:.85rem}.action-buttons{flex-direction:column;gap:.2rem}.action-button{min-width:60px;padding:.25rem .4rem;font-size:.75rem;height:28px}.recorder-table-container::-webkit-scrollbar{height:12px}.recorder-table-container::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:6px;border:2px solid #1a1a1a}.recorder-table-container:after{width:30px}}@media (max-width: 480px){.header h1{font-size:1.5rem}.create-button{width:100%;justify-content:center}.recorder-table{min-width:1100px}.scheduled-status{font-size:.7rem;padding:.15rem .4rem}.scheduled-time{font-size:.7rem}}.location-menu-wrapper{display:flex;flex-direction:column;gap:12px;margin-bottom:10px}.location-menu{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;background-color:#1a1a1acc;border-radius:12px;border:1px solid rgba(51,51,51,.8);box-shadow:0 4px 12px #00000026;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeInMenu .5s ease-out}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.location-menu:hover{box-shadow:0 6px 16px #0003;border-color:#646cff33;background-color:#1c1c1ce6}.location-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,108,255,.05),transparent);transform:translate(-100%);transition:transform .6s ease;z-index:0}.location-menu:hover:before{transform:translate(100%)}.home-button{background:none;border:none;color:#888;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;z-index:1;overflow:hidden}.home-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(100,108,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.home-button:hover{color:#2196f3;background-color:#2a2a2acc;transform:translateY(-2px);box-shadow:0 2px 8px #646cff33}.home-button:hover:before{opacity:1}.home-button:active{transform:translateY(0);box-shadow:0 1px 3px #646cff1a}.home-icon{font-size:1.3rem;transition:all .3s ease}.home-button:hover .home-icon{transform:scale(1.1)}.breadcrumb-container{display:flex;align-items:center;gap:.4rem;overflow-x:auto;padding:.4rem .75rem;flex-grow:1;position:relative;z-index:1;scrollbar-width:thin;scrollbar-color:rgba(100,108,255,.3) transparent}.breadcrumb-container::-webkit-scrollbar{height:4px}.breadcrumb-container::-webkit-scrollbar-track{background:transparent}.breadcrumb-container::-webkit-scrollbar-thumb{background-color:#646cff4d;border-radius:2px}.breadcrumb-separator{color:#555;transition:all .3s ease;font-size:.9rem}.breadcrumb-item{padding:.4rem .75rem;border-radius:6px;font-size:.95rem;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.breadcrumb-item.clickable{cursor:pointer;color:#aaa;transition:all .3s ease;position:relative;overflow:hidden}.breadcrumb-item.clickable:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(100,108,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.breadcrumb-item.clickable:hover{color:#fff;background-color:#2a2a2acc;transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.breadcrumb-item.clickable:hover:before{opacity:1}.breadcrumb-item.clickable:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.breadcrumb-item.current{color:#2196f3;font-weight:600;background-color:#646cff1a;box-shadow:0 0 0 1px #646cff33;animation:pulseCurrentItem 2s infinite alternate}@keyframes pulseCurrentItem{0%{box-shadow:0 0 0 1px #646cff33}to{box-shadow:0 0 0 1px #646cff66}}.new-folder-button{background-color:#2a2a2acc;color:#fff;border:1px solid rgba(51,51,51,.8);padding:.4rem .9rem;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;margin-left:auto;position:relative;z-index:1;overflow:hidden;box-shadow:0 2px 6px #0000001a}.new-folder-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,108,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease;z-index:-1}.new-folder-button:hover{background-color:#3a3a3ae6;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 10px #646cff33}.new-folder-button:hover:before{transform:translate(100%)}.new-folder-button:active{transform:translateY(0);box-shadow:0 2px 4px #646cff1a}.folder-icon{font-size:1rem;transition:all .3s ease;color:#2196f3;filter:drop-shadow(0 0 3px rgba(100,108,255,.2))}.new-folder-button:hover .folder-icon{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 5px rgba(100,108,255,.4))}.breadcrumb-item.bucket-name{background-color:#2196f31a;border:1px solid rgba(33,150,243,.2);color:#2196f3;font-weight:600;position:relative;overflow:hidden}.breadcrumb-item.bucket-name:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(33,150,243,.15) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;z-index:-1}.breadcrumb-item.bucket-name:hover{background-color:#2196f326;border-color:#2196f366;color:#64b5f6;transform:translateY(-1px);box-shadow:0 2px 8px #2196f333}.breadcrumb-item.bucket-name:hover:before{opacity:1}.breadcrumb-item.bucket-name:active{transform:translateY(0);box-shadow:0 1px 4px #2196f326}.bucket-selector{position:relative;min-width:240px;flex-shrink:0}.bucket-selector-loading{display:flex;width:100%;align-items:center;gap:8px;padding:12px;color:#6b7280;font-size:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:10px;min-height:44px}.bucket-selector-error{display:flex;align-items:center;gap:8px;padding:12px;color:#ef4444;font-size:14px;background:#ffffff14;border:1px solid rgba(239,68,68,.3);border-radius:10px;min-height:44px}.bucket-selector-error .error-icon{width:16px;height:16px}.bucket-selector-label{font-size:12px;color:#9ca3af;margin-bottom:4px;font-weight:500}.bucket-selector-trigger{background:#ffffff14;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:#fff;min-height:44px;border-radius:10px;font-weight:500;transition:all .3s ease}.bucket-selector-trigger:hover{background:#ffffff1f;border-color:#3b82f666;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.bucket-selector-trigger.open{background:#ffffff1f;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f64d}.bucket-selector-trigger.disabled{opacity:.5;cursor:not-allowed}.bucket-selector-content{display:flex;align-items:center;gap:8px;flex:1}.bucket-selector-text{flex:1}.bucket-icon{width:16px;height:16px;color:#6b7280;flex-shrink:0}.bucket-chevron{width:16px;height:16px;color:#6b7280;transition:transform .2s ease;flex-shrink:0}.bucket-chevron.open{transform:rotate(180deg)}.bucket-dropdown{position:absolute;top:100%;left:0;right:0;background:#1f2937;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 10px 25px #0000004d;max-height:300px;overflow-y:auto;z-index:1000;margin-top:4px;padding:8px}.bucket-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin:2px 0}.bucket-option:hover{background-color:#3b82f61a}.bucket-option.selected{background-color:#3b82f633}.bucket-option-content{display:flex;flex-direction:column;gap:2px}.bucket-title{font-weight:500;color:#fff;font-size:14px}.bucket-name{font-size:12px;color:#9ca3af}.bucket-placeholder{color:#9ca3af;font-size:14px}.bucket-badge{display:inline-flex;align-items:center;background:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:12px;white-space:nowrap}@media (max-width: 1024px){.bucket-selector{min-width:280px;max-width:350px}}@media (max-width: 768px){.bucket-selector{min-width:250px;max-width:100%}}@media (max-width: 480px){.bucket-selector{width:100%;min-width:auto}.bucket-selector-trigger{font-size:13px;padding:10px 12px;min-height:40px}.bucket-selector-loading,.bucket-selector-error{min-height:40px;padding:10px 12px}.bucket-title{font-size:13px}.bucket-name{font-size:11px}}.convert-item-table{width:100%;height:100%;display:flex;flex-direction:column;flex:1;max-height:470px}.file-manager-table-container{border-radius:12px;overflow:hidden;background-color:#1a1a1a;box-shadow:0 8px 16px #0003;border:1px solid #333;transition:all .3s ease;flex:1;min-height:400px;width:100%;display:flex;flex-direction:column}.file-manager-table{width:100%;border-collapse:separate;border-spacing:0;flex:1}.file-manager-table-header{background:linear-gradient(90deg,#1e1e1e,#252525);position:sticky;top:0;z-index:10}.file-manager-table-header-cell{color:#fff;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;padding:.75rem 1.25rem;text-align:left;border-bottom:2px solid #333;position:relative;height:48px}.file-manager-table-header-cell:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#646cff00,#646cff4d,#646cff00);transform:scaleX(0);transition:transform .3s ease}.file-manager-table-header-cell:hover:after{transform:scaleX(1)}.file-manager-table-body{background-color:transparent}.file-manager-table-row{transition:all .2s ease;border-bottom:1px solid #333;height:52px}.file-manager-table-row:last-child{border-bottom:none}.file-manager-table-row:hover{background-color:#646cff0d;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.file-manager-table-cell{padding:.5rem 1.25rem;color:#e0e0e0;font-size:.95rem;vertical-align:middle;height:52px}.table-container{flex:1;overflow:auto;width:100%;display:flex;flex-direction:column;border-radius:12px;border:1px solid #333;box-shadow:0 8px 16px #0003;scrollbar-width:thin}.table-header{background-color:#1e1e1e;position:sticky;top:0;z-index:10;border-bottom:2px solid #333}.table-header-cell{padding:.75rem 1.25rem;text-align:left;font-size:.85rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;position:relative;white-space:nowrap;height:48px}.table-body{background-color:transparent}.table-row{border-bottom:1px solid #333;height:52px}.table-row:hover{background-color:#646cff0d;transform:translateY(-2px);cursor:pointer;box-shadow:0 4px 8px #0000001a}.table-row:last-child{border-bottom:none}.table-cell{padding:.5rem 1.25rem;vertical-align:middle;color:#e0e0e0;font-size:.95rem;white-space:nowrap;height:52px}.folder-row{cursor:pointer;background-color:#646cff0d}.folder-row:hover{background-color:#646cff1a;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.go-back-row{background-color:#646cff05;border-bottom:1px dashed #333}.go-back-row:hover{background-color:#646cff14}.folder-cell{display:flex;align-items:center;gap:.75rem;padding:0;height:auto;width:100%}.folder-icon{color:#aaa!important;font-size:1.5rem;min-width:1.5rem}.folder-name{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;font-size:.95rem}.go-back-text{font-weight:600;letter-spacing:2px;opacity:.7}.file-cell{display:flex;align-items:center;gap:.75rem}.checkbox-column{width:50px!important;min-width:50px!important;max-width:50px!important}.checkbox-cell{width:50px!important;min-width:50px!important;max-width:50px!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;position:relative!important;z-index:2!important;background-color:#1e1e1e4d!important;border-right:1px solid rgba(100,108,255,.05)!important;transition:background-color .2s ease!important}.table-row:hover .checkbox-cell{background-color:#1e1e1e66!important}.checkbox-wrapper,.select-all-container{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important}.checkbox-column .nextui-checkbox-container,.checkbox-column [data-slot=wrapper]{margin:0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important}.checkbox-column .nextui-checkbox-base,.checkbox-column [data-slot=base]{background-color:#646cff1a!important;border:1.5px solid rgba(100,108,255,.6)!important;box-shadow:0 2px 4px #0003!important}.checkbox-column .nextui-checkbox-base:hover,.checkbox-column [data-slot=base]:hover{background-color:#646cff33!important;transform:scale(1.03)!important}.checkbox-cell input[type=checkbox]{opacity:1!important;position:relative!important;width:20px!important;height:20px!important;margin:0!important;cursor:pointer!important;z-index:1!important;accent-color:#2196f3!important}.table-cell .nextui-checkbox-container,.table-cell [data-slot=wrapper]{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;min-width:24px!important;min-height:24px!important;margin:0!important;padding:0!important}.table-cell [data-slot=base],.table-cell .nextui-checkbox-base,.checkbox-cell input[type=checkbox]+div{--checkbox-size: 20px;width:var(--checkbox-size)!important;height:var(--checkbox-size)!important;border-radius:6px!important;border:1.5px solid #2196f3!important;background-color:#646cff14!important;transition:all .2s ease!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:visible!important;min-width:var(--checkbox-size)!important;min-height:var(--checkbox-size)!important;margin:0 auto!important;opacity:1!important;visibility:visible!important;box-shadow:0 2px 4px #0000001a!important}.table-cell [data-slot=base]:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:7px;background:transparent;box-shadow:0 0 0 1px #646cff26;opacity:0;transition:opacity .2s ease,box-shadow .2s ease;pointer-events:none}.table-cell [data-slot=base]:hover:after{opacity:1;box-shadow:0 0 0 2px #646cff33}.table-cell [data-slot=base]:hover,.table-cell .nextui-checkbox-base:hover{background-color:#646cff26!important;transform:scale(1.03)!important;box-shadow:0 0 6px #646cff4d!important;border-color:#646cffcc!important}.table-cell [data-selected=true] [data-slot=base],.table-cell .nextui-checkbox-base[data-selected=true]{background-color:#2196f3!important;border-color:#2196f3!important;box-shadow:0 2px 6px #646cff66!important;transform:scale(1.03)!important;animation:checkboxPulse .3s ease-out!important}.table-cell [data-slot=icon],.table-cell .nextui-checkbox-icon{color:#fff!important;font-size:14px!important;animation:scaleIn .2s ease-out!important;stroke-width:2.5px!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))!important}.nextui-checkbox-base svg:nth-child(2),[data-slot=base] svg:nth-child(2),.nextui-checkbox-icon:nth-child(2),[data-slot=icon]:nth-child(2){display:none!important}.nextui-checkbox-base svg,[data-slot=base] svg{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15);opacity:.8}to{transform:scale(1);opacity:1}}.table-cell [data-indeterminate=true] [data-slot=base],.table-cell .nextui-checkbox-base[data-indeterminate=true]{background-color:#646cff66!important;border-color:#2196f3!important;box-shadow:0 2px 6px #646cff4d!important;position:relative!important}.table-cell [data-indeterminate=true] [data-slot=base]:before,.table-cell .nextui-checkbox-base[data-indeterminate=true]:before{content:"";position:absolute;width:10px;height:2px;background-color:#fff;border-radius:1px;box-shadow:0 1px 1px #0000001a}.file-icon{color:#aaa;font-size:1.5rem;min-width:1.5rem}.file-name{color:#fff;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;font-size:.95rem;display:inline-block}.file-size{font-size:.9rem;color:#aaa;font-family:monospace}.file-video-codec{font-size:.85rem;color:#2196f3;font-weight:500}.file-audio-codec{font-size:.85rem;color:#ff9800;font-weight:500}.file-status{display:inline-flex;align-items:center;justify-content:center;padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:600;min-width:100px;text-align:center}.status-success{background-color:#1b5e20cc;color:#fff;border:1px solid rgba(27,94,32,.9)}.status-queue{background-color:#bf7300cc;color:#fff;border:1px solid rgba(191,115,0,.9)}.status-failed{background-color:#b71c1ccc;color:#fff;border:1px solid rgba(183,28,28,.9)}.status-transcoding{background-color:#0d47a1cc;color:#fff;border:1px solid rgba(13,71,161,.9)}.status-retranscoding{background-color:#011820cc;color:#fff;border:1px solid rgba(21,101,132,.9);animation:pulse-retranscode 2s infinite}@keyframes pulse-retranscode{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.file-date{display:flex;align-items:center;gap:.5rem;color:#aaa;font-size:.9rem}.date-icon{color:orange;font-size:1.2rem}.action-buttons{display:flex;align-items:center;justify-content:center;gap:.75rem}.action-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:1px solid #444;border-radius:6px;padding:.4rem;color:#fff;font-size:.9rem;font-weight:500;transition:all .2s ease;width:32px;height:32px;box-sizing:border-box}.preview-button{color:orange;border-color:#ffa5004d}.preview-button:hover{background-color:#ffa5001a;border-color:orange;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.download-button{color:#4caf50;border-color:#4caf504d}.download-button:hover{background-color:#4caf501a;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.rename-button{color:#2196f3;border-color:#2196f34d}.rename-button:hover{background-color:#2196f31a;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.delete-button{color:#f44336;border-color:#f443364d}.delete-button:hover{background-color:#f443361a;border-color:#f44336;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.action-icon{width:16px;height:16px;display:block}.action-button.disabled{opacity:.5;cursor:not-allowed;border-color:#444;color:#888;pointer-events:none;transform:none!important;box-shadow:none!important;background-color:#0000001a}.action-button.disabled:hover{background-color:#0000001a;transform:none;box-shadow:none;border-color:#444}.custom-checkbox.disabled{opacity:.5;cursor:not-allowed;border-color:#444;background-color:#0000001a;pointer-events:none}.loading-content{margin:2.6rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%;min-height:300px}.orbit-loading-container{position:relative;display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto}.orbit-loading-container>div{transform:scale(1.2);filter:drop-shadow(0 4px 8px rgba(33,150,243,.3))}.orbit-loading-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border:1px solid rgba(33,150,243,.1);border-radius:50%;animation:orbit-glow 3s ease-in-out infinite}.orbit-loading-container:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:1px solid rgba(33,150,243,.05);border-radius:50%;animation:orbit-glow 3s ease-in-out infinite reverse}@keyframes orbit-glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.05);opacity:.2}}.loading-text{font-size:1.1rem;font-weight:500;color:#2196f3;margin:0;letter-spacing:.5px}.loading-dots{display:flex;gap:4px;align-items:center;justify-content:center}.loading-dots span{width:6px;height:6px;background-color:#2196f3;border-radius:50%;animation:loading-dot 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes loading-dot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-spinner{color:#2196f3;font-size:2rem}.empty-content{padding:6rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;height:100%;min-height:300px;flex:1;width:100%}.empty-icons{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem}.empty-icon{font-size:2.5rem;color:#333}.empty-icon.folder{color:#2196f3;opacity:.5}.empty-title{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#2196f3}.empty-description{font-size:1rem;color:#aaa;margin-bottom:1rem;max-width:400px}.custom-checkbox{--checkbox-size: 20px;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:6px;border:1.5px solid #2196f3;background-color:#646cff14;transition:all .2s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible;min-width:var(--checkbox-size);min-height:var(--checkbox-size);margin:0 auto;opacity:1;visibility:visible;box-shadow:0 2px 4px #0000001a}.custom-checkbox:hover{background-color:#646cff26;transform:scale(1.03);box-shadow:0 0 6px #646cff4d;border-color:#646cffcc}.custom-checkbox[data-selected=true]{background-color:#2196f3;border-color:#2196f3;box-shadow:0 2px 6px #646cff66;transform:scale(1.03);animation:checkboxPulse .3s ease-out}@keyframes checkboxPulse{0%{transform:scale(.95);box-shadow:0 0 #646cffb3}70%{transform:scale(1.05);box-shadow:0 0 0 6px #646cff00}to{transform:scale(1.03);box-shadow:0 2px 6px #646cff66}}.close-button{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.close-button:hover{color:#fff}.modal-header{padding:1rem 1.5rem;border-bottom:1px solid #333;font-size:1.25rem;font-weight:600;color:#2196f3}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:1rem;background-color:#121212}.input-group{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.input-group-channel{display:flex;align-items:center;margin-bottom:1rem}.modal-content-create-folder{background-color:#121212;border-radius:12px;width:90%;max-width:500px;max-height:85vh;padding:12px;margin:12px;overflow-y:auto;box-shadow:0 8px 32px #0006;border:1px solid #333;animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.modal-content-create-folder h2{color:#2196f3}.input-label{width:80px;color:#888;font-size:.9rem}.input-field{flex:1}.input-wrapper{background-color:#222;border:1px solid #333;border-radius:4px;transition:all .2s}.input-wrapper:focus-within{border-color:#2196f3}.input{background-color:transparent;color:#fff;padding:.5rem .75rem;width:100%;border:none;outline:none;font-size:.9rem}.info-message-create-folder{margin-left:1rem;display:flex;align-items:center;gap:.5rem;padding:.3rem;background-color:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:4px;color:#2196f3;font-size:.8rem;margin-top:1rem;margin-top:.5rem;text-align:left;font-size:.875rem;border-left:3px solid #2196f3;color:#9e9e9e}.info-message-warning-message{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:4px;color:#2196f3;font-size:.8rem;margin-top:1rem;text-align:left;font-size:.875rem;border-left:3px solid #2196f3;color:#9e9e9e}.warning-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#ff98001a;border:1px solid rgba(255,152,0,.2);border-radius:4px;color:#ff9800;font-size:.9rem;margin:1rem 0}.info-icon,.warning-icon{font-size:1.25rem;align-items:center;justify-content:center;flex-shrink:0}.create-button{background-color:transparent;border:1px solid #2196f3;color:#2196f3;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem;min-width:100px}.create-button:hover{background-color:#2196f31a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-body{padding:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem;border-top:1px solid #333}.modal-button{padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s;font-size:.9rem}.cancel-button{background-color:#2a2a2a;color:#aaa;border:1px solid #3a3a3a}.cancel-button:hover{background-color:#3a3a3a;color:#fff;border-color:#2196f3}.confirm-button{background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a}.confirm-button:hover{background-color:#3a3a3a;border-color:#2196f3}.delete-button{background-color:#f443361a;color:#f44336;border:1px solid #f44336}.delete-button:hover{background-color:#f4433633}.close-button:disabled{opacity:.5;cursor:not-allowed}.close-button:disabled:hover{color:#888}.modal-body{padding:1.5rem;text-align:center}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:1rem}.delete-message{display:flex;flex-direction:column;align-items:center}.delete-question{font-size:1.1rem;font-size:14px;margin-bottom:.5rem;text-align:left}.delete-filename{display:flex;align-items:center;gap:.5rem;color:#f44336;font-weight:500;word-break:break-all;padding:.75rem;background-color:#f443361a;border:1px solid rgba(244,67,54,.2);border-left:3px solid #f44336;border-radius:6px;font-size:.875rem;line-height:1.4;letter-spacing:.2px;max-width:100%;width:100%;text-align:left}.delete-files-list{display:flex;flex-direction:column;gap:.5rem;width:100%;max-height:300px;overflow-y:auto}.delete-more-files{color:#888;font-style:italic;text-align:center;padding:.5rem;font-size:.9rem}.delete-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#2196f31a;border:1px solid rgba(33,150,243,.2);border-radius:4px;color:#2196f3;font-size:.8rem;margin-top:1rem;text-align:left}.warning-icon{font-size:1.25rem;flex-shrink:0;align-items:center;justify-content:center}.cancel-button{background-color:transparent;border:1px solid #333;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem;min-width:100px}.cancel-button:hover{background-color:#333}.cancel-button:disabled{opacity:.5;cursor:not-allowed;background-color:transparent}.cancel-button:disabled:hover{background-color:transparent}.delete-button{background-color:transparent;border:1px solid #f44336;color:#f44336;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9rem;min-width:100px}.delete-button:hover{background-color:#f443361a}.delete-button:disabled{opacity:.5;cursor:not-allowed;background-color:transparent;border-color:#666;color:#666}.delete-button:disabled:hover{background-color:transparent;border-color:#666;color:#666}.delete-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;min-height:150px}.delete-loading-text{font-size:1.1rem;font-weight:500;color:#f44336;margin:0}.delete-loading-subtext{font-size:.9rem;color:#888;margin:0;text-align:center;max-width:300px;line-height:1.4}.info-text1{margin-bottom:14px;text-align:center;justify-content:center}.move-message{display:flex;flex-direction:column;gap:1rem}.move-question{font-size:1rem;margin-bottom:.5rem;color:#eee}.move-files-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;max-height:150px;overflow-y:auto;padding:.5rem;background-color:#2196f30d;border-radius:4px;border:1px solid rgba(33,150,243,.1)}.move-filename{font-family:Courier New,monospace;font-size:.9rem;color:#ddd;padding:.25rem .5rem;background-color:#2196f31a;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.move-more-files{font-size:.85rem;color:#aaa;font-style:italic;text-align:center;margin-top:.5rem}.folder-selection{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.folder-selection label{font-size:.9rem;color:#eee;font-weight:500}.folder-select-container{position:relative}.folder-select{width:100%;padding:.75rem;background-color:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:.9rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:all .3s ease;font-family:Courier New,monospace}.folder-select:hover{border-color:#2196f3;background-color:#333}.folder-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.folder-select-container:after{content:"▼";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#2196f3;pointer-events:none;font-size:.8rem}.folder-select option{background-color:#2a2a2a;color:#fff;padding:.5rem}.move-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:4px;color:#f44336;font-size:.9rem;margin-bottom:1rem;animation:fadeIn .3s ease-out}.error-icon{font-size:1.2rem;flex-shrink:0}.move-info{margin-top:1rem;padding:1rem;background-color:#2196f30d;border-radius:4px;border:1px solid rgba(33,150,243,.1)}.move-path{display:flex;align-items:center;gap:1rem;font-family:Courier New,monospace}.source-path,.destination-path{display:flex;flex-direction:column;gap:.25rem}.path-label{font-size:.8rem;color:#aaa}.path-value{font-size:.9rem;color:#fff;background-color:#2196f31a;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(33,150,243,.2);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.path-arrow{color:#2196f3;font-size:1.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.modal-button.confirm-button{background-color:#2196f31a;color:#2196f3;border:1px solid #2196f3}.modal-button.confirm-button:hover:not(:disabled){background-color:#2196f333;transform:translateY(-2px);box-shadow:0 4px 8px #2196f333}.modal-button.confirm-button:disabled{opacity:.5;cursor:not-allowed}.folder-browser{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.folder-browser-header label{font-size:.9rem;color:#eee;font-weight:500}.folder-breadcrumb{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#2196f30d;border-radius:4px;border:1px solid rgba(33,150,243,.1);overflow-x:auto;white-space:nowrap}.breadcrumb-item{background:none;border:none;color:#2196f3;cursor:pointer;padding:.25rem .5rem;border-radius:4px;font-size:.85rem;transition:all .3s ease;display:flex;align-items:center;gap:.25rem;white-space:nowrap}.breadcrumb-item.clickable:hover:not(:disabled){background-color:#2196f31a;transform:translateY(-1px)}.breadcrumb-item.current{color:#fff;background-color:#2196f333;cursor:default}.breadcrumb-item:disabled{opacity:.5;cursor:not-allowed}.breadcrumb-separator{color:#666;font-size:.8rem}.home-icon{font-size:1rem}.current-location-selection{margin:.5rem 0}.select-current-button{width:100%;padding:.75rem;background-color:#2196f30d;color:#2196f3;border:1px solid rgba(33,150,243,.2);border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.select-current-button:hover:not(:disabled){background-color:#2196f31a;border-color:#2196f366;transform:translateY(-1px)}.select-current-button.selected{background-color:#2196f333;border-color:#2196f3;color:#fff}.select-current-button:disabled{opacity:.5;cursor:not-allowed}.folder-list{max-height:300px;overflow-y:auto;border:1px solid rgba(33,150,243,.1);border-radius:4px;background-color:#2196f305}.folder-item{border-bottom:1px solid rgba(33,150,243,.05)}.folder-item:last-child{border-bottom:none}.folder-button{width:100%;padding:.75rem;background:none;border:none;color:#ddd;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem;font-size:.9rem;text-align:left}.folder-button:hover:not(:disabled){background-color:#2196f31a;color:#fff;transform:translate(4px)}.folder-button:disabled{opacity:.5;cursor:not-allowed}.folder-item.go-back .folder-button{color:#aaa;font-style:italic}.folder-item.go-back .folder-button:hover:not(:disabled){color:#2196f3}.folder-icon{font-size:1.1rem;color:#2196f3;flex-shrink:0}.no-folders,.loading-folders{padding:2rem;text-align:center;color:#aaa;font-style:italic}.loading-folders{color:#2196f3}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.preview-container{width:min(1000px,92vw);background:#111;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}.player-wrapper{position:relative;aspect-ratio:16/9;background:#000}.player-container{position:absolute;top:0;right:0;bottom:0;left:0}.video-close-btn{position:absolute;top:8px;right:8px;cursor:pointer}.video-close-icon{width:28px;height:28px;color:#fff;opacity:.8}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#0000004d;z-index:2}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.6);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.loading-text{font-size:14px}.file-info{padding:12px 16px;background:#141414;border-top:1px solid #222}.file-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.file-name{margin:0;font-size:16px;color:#fff}.media-controls{display:flex;gap:8px}.media-button{display:inline-flex;align-items:center;gap:6px;background:#1f2937;color:#fff;border:none;padding:6px 10px;border-radius:6px;cursor:pointer}.media-icon{width:16px;height:16px}.file-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.file-detail{display:flex;align-items:center;gap:6px;color:#cbd5e1;font-size:13px}.error-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#0000004d}.error-content{display:flex;flex-direction:column;align-items:center;gap:8px}.error-icon{width:40px;height:40px;color:#ef4444}.error-message{margin:0;color:#fff}.file-info{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.file-path{display:flex;flex-direction:column;gap:.25rem;text-align:left}.file-path .label{font-size:.875rem;color:#888}.file-path .value{font-family:monospace;background-color:#2a2a2a;padding:.5rem;border-radius:4px;word-break:break-all}.info-message{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#888;margin-top:.5rem;text-align:left}.info-icon{color:#2196f3;flex-shrink:0}.rename-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;text-align:center}.rename-loading-text{font-size:1.1rem;font-weight:500;color:#eee;margin:0}.rename-loading-subtext{font-size:.9rem;color:#888;margin:0}.upload-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.upload-modal{background:#1f2937f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;max-height:70vh;overflow:hidden;box-shadow:0 20px 60px #0006;animation:slideUp .4s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.upload-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid rgba(255,255,255,.08);background:#ffffff0d}.upload-modal-title{display:flex;align-items:center;gap:12px}.upload-modal-icon{width:24px;height:24px;color:#3b82f6}.upload-modal-title h3{margin:0;font-size:18px;font-weight:600;color:#fff}.upload-modal-close{width:32px;height:32px;border:none;border-radius:8px;background:#ffffff1a;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:16px}.upload-modal-close:hover{background:#ef444433;color:#ef4444}.upload-modal-content{padding:20px;max-height:calc(70vh - 100px);overflow-y:auto}.upload-summary{margin-bottom:20px}.upload-summary-stats{display:flex;gap:20px;margin-bottom:16px}.upload-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.upload-stat-label{font-size:11px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.upload-stat-value{font-size:20px;font-weight:700;color:#fff}.upload-stat-value.success{color:#10b981}.upload-stat-value.error{color:#ef4444}.upload-overall-progress{margin-bottom:16px}.upload-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.upload-progress-text{font-size:14px;font-weight:600;color:#fff}.upload-progress-info{display:flex;align-items:center;gap:12px}.upload-progress-percentage{font-size:14px;font-weight:700;color:#fff}.upload-speed-display{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.cloud-icon{width:14px;height:14px}.upload-progress-bar-modal{height:6px}.upload-progress-track-modal{background:#374151cc;border-radius:3px}.upload-progress-indicator-modal{background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;transition:width .3s ease}.upload-data-info{margin-top:8px;display:flex;justify-content:center}.upload-data-size{font-size:12px;color:#9ca3af;font-weight:500}.upload-files-list{margin-top:16px}.upload-files-title{font-size:16px;font-weight:600;color:#fff;margin-bottom:12px}.upload-files-container{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.upload-files-container::-webkit-scrollbar{width:4px}.upload-files-container::-webkit-scrollbar-track{background:#37415180;border-radius:2px}.upload-files-container::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:2px}.upload-files-container::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.upload-file-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.upload-file-item:hover{background:#ffffff14}.upload-file-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.file-status-icon{width:16px;height:16px;flex-shrink:0}.file-status-icon.uploading{color:#3b82f6}.file-status-icon.success{color:#10b981}.file-status-icon.error{color:#ef4444}.file-status-icon.queued{color:#6b7280}.upload-file-details{flex:1;min-width:0}.upload-file-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.upload-file-size{font-size:11px;color:#9ca3af}.upload-file-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px}.upload-file-progress-info{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.upload-file-progress-percentage{font-size:12px;font-weight:600;color:#fff}.upload-file-status-text{font-size:10px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.upload-file-status-text.success{color:#10b981}.upload-file-status-text.error{color:#ef4444}.upload-file-percentage{font-size:11px;font-weight:600;color:#fff}.upload-file-progress-bar{width:100%;height:4px}.upload-file-progress-track{background:#374151cc;border-radius:2px}.upload-file-progress-indicator{border-radius:2px}.upload-modal-animation{padding:0 20px 16px;display:flex;justify-content:center}.upload-modal-dots{display:flex;gap:4px}.upload-modal-dot{width:6px;height:6px;background:#3b82f6;border-radius:50%;animation:dotPulse 1.4s infinite ease-in-out}.upload-modal-dot:nth-child(1){animation-delay:-.32s}.upload-modal-dot:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 640px){.upload-modal{width:95%;max-height:80vh}.upload-modal-header,.upload-modal-content{padding:16px}.upload-summary-stats{gap:16px}.upload-progress-info{flex-direction:column;align-items:flex-end;gap:4px}.upload-file-item{flex-direction:column;align-items:stretch;gap:8px}.upload-file-progress{align-items:stretch}.upload-file-progress-bar{width:100%}}.file-manager-page{max-width:1600px;margin:0 auto;padding:1.5rem;display:flex;flex-direction:column;background-color:#121212;color:#fff;height:100%;animation:fadeIn .5s ease}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #333;position:relative}.header:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,#2196f300,#1e8be44d,#2196f300)}.upload-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #3b82f64d}.upload-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.upload-button:disabled{opacity:.6;cursor:not-allowed}.button-icon{width:18px;height:18px}.upload-detail-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #10b9814d;margin-left:12px}.upload-detail-button:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.content-area{display:flex;flex-direction:column;gap:1rem;flex:1}.location-menu-container,.upload-container{width:100%}.action-bar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#2196f326,#2196f30d);border:1px solid rgba(33,150,243,.3);border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.25rem;animation:fadeInDown .3s ease-out;box-shadow:0 4px 12px #0000001a}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selected-count{font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem;font-size:1.05rem}.action-bar-buttons{display:flex;gap:.75rem}.action-bar-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;transition:all .2s ease;border:1px solid transparent;background-color:#0003;cursor:pointer}.action-bar-button.cancel-button{color:#aaa;border-color:#aaaaaa4d;background-color:#aaaaaa1a}.action-bar-button.cancel-button:hover{background-color:#aaa3;border-color:#aaaaaa80}.action-bar-button.move-button{color:#2196f3;border-color:#2196f34d;background-color:#2196f31a}.action-bar-button.move-button:hover{background-color:#2196f333;border-color:#2196f380}.action-bar-button.delete-button{color:#f44336;border-color:#f443364d;background-color:#f443361a}.action-bar-button.delete-button:hover{background-color:#f4433633;border-color:#f4433680}.upload-area{border:2px dashed #0c3a83;border-radius:12px;padding:1.75rem 1rem;text-align:center;background:linear-gradient(135deg,#052e700d,#195ceb0d);transition:all .3s ease;cursor:pointer}.upload-area:hover{border-color:#3b82f6;background:linear-gradient(135deg,#3b82f60d,#2563eb0d)}.upload-icon{font-size:2.5rem;color:#6b7280;margin-bottom:1rem;transition:all .3s ease}.upload-area:hover .upload-icon{color:#3b82f6}.upload-text{font-size:1rem;margin-bottom:.5rem;color:#374151}.upload-highlight{font-weight:600;color:#1f2937}.upload-subtext{color:#6b7280;font-size:.75rem;margin:0}.file-table-container{flex:1}.file-table{width:100%;border-collapse:collapse}.file-table th,.file-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid #333}.file-table th{background-color:#2a2a2a;color:#2196f3;font-weight:600;font-size:.9rem}.file-table tr:hover{background-color:#1e1e1e}.file-table tr:last-child td{border-bottom:none}.folder-row{cursor:pointer}.folder-cell{display:flex;align-items:center;gap:.5rem;color:#2196f3;font-weight:500}.folder-icon{color:#2196f3}.file-cell{display:flex;align-items:center;gap:.5rem}.file-icon{color:#888}.action-button{padding:.25rem .5rem;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem;font-size:.8rem;background-color:#2a2a2a;color:#fff;border:1px solid #333}.action-button:hover{background-color:#3a3a3a;border-color:#2196f3}.action-button.preview:hover{color:#2196f3}.action-button.delete:hover{color:#f44336}.empty-state{text-align:center;padding:3rem;background-color:#1a1a1a;border-radius:8px;margin:2rem 1.5rem}.empty-state h2{margin-bottom:1rem;color:#2196f3}.empty-state p{margin-bottom:2rem;color:#888}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;z-index:1000}.network-card{margin-bottom:.75rem!important}.network-card-header{padding:.75rem 1rem!important}.network-card-title{font-size:1rem!important}.network-card-subtitle{font-size:.8rem!important;margin-top:.15rem!important}.network-card-body{padding:.75rem!important}.network-form-grid{gap:.75rem!important}.form-group{margin-bottom:.5rem!important}.form-label{margin-bottom:.25rem!important;font-size:.8rem!important}.form-input{padding:.5rem .75rem!important;font-size:.85rem!important;height:2.25rem!important}.compact-input{height:2rem!important;padding:.35rem .5rem!important;font-size:.8rem!important}.status-chip{padding:.25rem .5rem!important;font-size:.7rem!important}.loading-container{padding:1rem!important}.empty-state{padding:1.5rem!important;margin:1rem 0!important}.empty-state-icon{font-size:2rem!important;margin-bottom:.5rem!important}.empty-state-text{font-size:.9rem!important}.space-y-6>*+*{margin-top:.75rem!important}.border-red-500{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef444433!important}.text-red-500{color:#ef4444!important}.update-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:#2196f3;color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s;min-width:120px}.update-button:hover:not(:disabled){background-color:#1976d2;transform:translateY(-1px);box-shadow:0 4px 8px #2196f34d}.update-button:disabled{cursor:not-allowed;opacity:.5}.update-button:active{transform:translateY(0)}.retranscode-status-container{margin-bottom:20px}.retranscode-status-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 1px 3px #0000004d;overflow:hidden}.retranscode-status-header{background:#2a2a2a;border-bottom:1px solid #333;padding:16px 20px}.retranscode-status-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:#fff}.status-icon{width:20px;height:20px;flex-shrink:0}.status-icon.active{color:#2196f3;animation:pulse 2s infinite}.status-icon.complete{color:#10b981}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.retranscode-status-body{padding:20px}.progress-section{margin-bottom:20px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-text{font-size:14px;color:#ffffffb3}.progress-percentage{font-size:14px;font-weight:600;color:#fff}.progress-bar{width:100%;height:8px;background-color:#1b9c3b;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#1976d2);border-radius:4px;transition:width .3s ease}.progress-fill.with-errors{background:linear-gradient(90deg,#ff9800,#f57c00)}.status-details{display:flex;gap:20px;margin-bottom:20px}.status-item{display:flex;align-items:center;gap:6px;font-size:14px;color:#ffffffb3}.detail-icon{width:16px;height:16px}.detail-icon.success{color:#10b981}.detail-icon.error{color:#ef4444}.current-job{background:#2a2a2a;border:1px solid #444;border-radius:6px;padding:16px;margin-bottom:20px}.current-job-label{font-size:12px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.current-job-filename{font-size:14px;font-weight:500;color:#fff;margin-bottom:12px}.current-job-progress{display:flex;align-items:center;gap:12px}.current-progress-bar{flex:1;height:6px;background-color:#444;border-radius:3px;overflow:hidden}.current-progress-fill{height:100%;background:linear-gradient(90deg,#2196f3,#1976d2);border-radius:3px;transition:width .3s ease}.current-progress-text{font-size:12px;font-weight:500;color:#ffffffb3;min-width:35px}.activate-section{border-top:1px solid #333;padding-top:20px;text-align:center}.activate-button{display:inline-flex;align-items:center;gap:8px;background:#2196f3;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:center}.activate-button:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.activate-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.activate-description{margin:12px 0 0;font-size:13px;color:#ffffffb3;line-height:1.4}@media (max-width: 640px){.retranscode-status-header,.retranscode-status-body{padding:16px}.status-details{flex-direction:column;gap:12px}.current-job-progress{flex-direction:column;gap:8px;align-items:stretch}.current-progress-text{text-align:center;min-width:auto}}.stabilized-indicator{margin-left:8px;font-size:.8em;opacity:.7;transition:opacity .3s ease}.stabilized-indicator:hover{opacity:1}.admin-card-header{padding:.75rem 1rem!important}.admin-card-header .admin-card-title{font-size:1rem!important}.admin-card-body{padding:.75rem!important}.codec-settings-section{margin-bottom:.75rem!important;background-color:#1a1a1a!important;border-radius:8px!important;overflow:hidden!important;border:1px solid #333!important}.section-title{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;margin-bottom:0;color:#fff;background-color:#2a2a2a;padding:.75rem 1rem!important;border-bottom:1px solid #333}.section-title svg{color:#2196f3}.codec-settings-content{padding:.75rem!important}.form-group.compact{margin-bottom:.5rem!important}.form-group.compact label{display:block;font-size:.8rem;margin-bottom:.25rem!important;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flex.gap-2{display:flex;gap:.75rem!important}.flex-1{flex:1}.form-select.compact,.form-input.compact{width:100%;padding:.35rem .5rem;font-size:.85rem;background-color:#1e1e1e;color:#fff;border:1px solid #333;border-radius:.25rem;transition:all .3s ease;height:2rem!important}.form-select.compact:focus,.form-input.compact:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 1px #2196f380}.form-input.compact[type=number]{-moz-appearance:textfield}.form-input.compact[type=number]::-webkit-inner-spin-button,.form-input.compact[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input.compact.invalid,.form-select.compact.invalid{border-color:#f44336b3;background-color:#f443360d}.form-input.compact.invalid:focus,.form-select.compact.invalid:focus{border-color:#f44336e6;box-shadow:0 0 0 1px #f4433680}.seting-buttons{justify-items:end}.save-button{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;color:#fff;border:1px solid #3a3a3a;border-radius:4px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s}.save-button:hover{background-color:#3a3a3a;border-color:#2196f3}.save-button:disabled{background-color:#1a1a1a;color:#6b6b6b;border-color:#333;cursor:not-allowed}.save-button-primary{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background-color:#2196f3;color:#fff;border:1px solid #2196f3;border-radius:4px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s;margin-right:.5rem}.save-button-primary:hover{background-color:#1976d2;border-color:#1976d2}.save-button-primary:disabled{background-color:#4b4b4b;color:#a0a0a0;border-color:#4b4b4b;cursor:not-allowed}.save-button-primary.invalid-settings:disabled{background-color:#f4433680;color:#fff;border-color:#f44336b3;cursor:not-allowed;position:relative;overflow:hidden}.error-message{color:#ff4d4f;font-size:.8rem;margin-top:.25rem}.validation-error-summary{background-color:#f443361a;border:1px solid rgba(244,67,54,.5);border-radius:4px;padding:.75rem;margin-bottom:1rem;color:#f44336}.validation-error-summary p{font-weight:600;margin-bottom:.5rem}.validation-error-summary ul{margin:0;padding-left:1.5rem;font-size:.9rem}.validation-error-summary li{margin-bottom:.25rem;color:#f44336}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-size:.85rem;color:#fff;margin-bottom:.25rem;padding:.5rem;border-radius:6px;transition:background-color .3s ease}.checkbox-label:hover{background-color:#ffffff05}.form-checkbox{position:relative;width:3rem;height:1.5rem;background-color:#2a2a2a;border:2px solid #444;border-radius:.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;flex-shrink:0}.form-checkbox:before{content:"";position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;background-color:#666;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(0);box-shadow:0 2px 4px #0003}.form-checkbox:checked{background-color:#2196f3;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.form-checkbox:checked:before{background-color:#fff;transform:translate(1.5rem);box-shadow:0 2px 8px #0000004d}.form-checkbox:hover{border-color:#2196f3}.form-checkbox:hover:before{box-shadow:0 2px 8px #0000004d}.checkbox-text{font-weight:500;flex:1}.field-description{font-size:.75rem;color:#ffffff80;margin-left:.25rem;font-style:italic;white-space:nowrap;min-width:0}.dual-audio-toggle-row{display:flex;align-items:center;gap:1rem;background-color:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem;margin-bottom:.75rem}.dual-audio-toggle-row .checkbox-label{margin-bottom:0;padding:0;flex:1;min-width:0}.dual-audio-status{background-color:#2196f31a;border:1px solid rgba(33,150,243,.3);color:#64b5f6;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap;transition:all .3s ease}.dual-audio-status.active{background-color:#4caf5026;border-color:#4caf5066;color:#81c784}.audio-track-section{background-color:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.75rem;margin-bottom:.75rem;position:relative;overflow:hidden}.audio-track-section:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#2196f3,#1976d2);opacity:.8}.audio-track-title{font-size:.85rem;font-weight:600;color:#2196f3;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem;padding-left:.5rem}.audio-track-section .form-group.compact{margin-bottom:.5rem}.audio-track-section:last-child{margin-bottom:0}.retranscode-prompt-card{background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 1px 3px #0000004d;margin-bottom:20px;overflow:hidden}.retranscode-prompt-header{background:#2a2a2a;border-bottom:1px solid #333;padding:16px 20px}.retranscode-prompt-title{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;color:#2196f3}.prompt-icon{width:20px;height:20px;color:#2196f3}.retranscode-prompt-body{padding:20px}.prompt-description{color:#fffc;font-size:14px;line-height:1.5;margin:0 0 20px}.prompt-buttons{display:flex;gap:12px;align-items:center}.retranscode-start-button{display:inline-flex;align-items:center;gap:8px;background:#2196f3;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retranscode-start-button:hover{background:#1976d2;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.retranscode-skip-button{display:inline-flex;align-items:center;background:transparent;color:#fff9;border:1px solid #444;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retranscode-skip-button:hover{background:#2a2a2a;border-color:#666;color:#fffc}.admin-page{margin:0 auto;padding:1rem;display:flex;flex-direction:column;background-color:#121212;color:#fff}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header h1{margin:0;color:#2196f3}.admin-content{display:flex;flex-direction:column;gap:1rem}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background-color:#1a1a1a;border-radius:8px;padding:.5rem;border:1px solid #333}.admin-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:none;color:#ffffffb3;cursor:pointer;transition:all .2s;border-radius:4px;font-size:.9rem;font-weight:500}.admin-tab:hover{color:#fff;background-color:#2a2a2a}.admin-tab.active{color:#2196f3;background-color:#2a2a2a}.admin-tab svg{font-size:1.2rem}.admin-main{flex:1;background-color:#121212}.admin-card{background-color:#1a1a1a;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;margin-bottom:2rem;border:1px solid #333}.admin-card-header{background-color:#2a2a2a;padding:1rem 1.5rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:flex-start}.admin-card-title{margin:0;font-size:1.1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.admin-card-icon{color:#2196f3;font-size:1.2rem}.admin-card-body{padding:1.5rem}.admin-table-container{overflow-x:auto;border-radius:8px;background-color:#1a1a1a;box-shadow:0 4px 6px #0000001a;border:1px solid #333}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background-color:#2a2a2a;color:#2196f3;font-weight:600;font-size:.9rem;padding:.75rem 1rem;border-bottom:1px solid #333;text-align:left;height:40px}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid #333;color:#fffc;font-size:.9rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover{background-color:#1e1e1e}.status-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-chip.approved{background-color:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.status-chip.pending{background-color:#ff980026;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.status-chip.rejected{background-color:#f4433626;color:#f44336;border:1px solid rgba(244,67,54,.3)}.role-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-chip.admin{background-color:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.role-chip.user{background-color:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.4)}.role-chip.reader{background-color:#9e9e9e26;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.role-chip.forbidden{background-color:#fdcb6e26;color:#fdcb6e;border:1px solid rgba(253,203,110,.3)}.action-buttons{display:flex;gap:.5rem}.action-button{padding:.2rem .4rem;border:1px solid #3a3a3a;border-radius:3px;font-size:.65rem;cursor:pointer;transition:all .2s;background-color:#2a2a2a;color:#fff;display:flex;align-items:center;gap:.15rem;min-width:50px;justify-content:center;height:24px;white-space:nowrap}.action-button.approve{background-color:#4caf5026;color:#4caf50}.action-button:hover{background-color:#3a3a3a;border-color:#2196f3;transform:translateY(-1px);box-shadow:0 1px 2px #0003}.action-button.approve{border-color:#4caf50;background-color:#4caf501a}.action-button.approve:hover{background-color:#4caf5033;border-color:#4caf50;color:#4caf50}.action-button.reject{border-color:#f44336;background-color:#f443361a}.action-button.reject:hover{background-color:#f4433633;border-color:#f44336;color:#f44336}.action-button.primary{border-color:#2196f3;background-color:#2196f31a}.action-button.primary:hover{background-color:#2196f333;border-color:#2196f3;color:#2196f3}.action-button.edit{border-color:#3498db;background-color:#3498db1a;color:#3498db}.action-button.edit:hover{background-color:#3498db33;border-color:#3498db;color:#3498db}.action-button.delete{border-color:#e74c3c;background-color:#e74c3c1a;color:#e74c3c}.action-button.delete:hover{background-color:#e74c3c33;border-color:#e74c3c;color:#e74c3c}.delete-confirmation{text-align:center;padding:1rem}.delete-button{background-color:#1a1a1a;color:#e74c3c;border:1px solid #e74c3c}.delete-button:hover{background-color:#e74c3c33}.network-card{background-color:#1a1a1a;border-radius:8px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid #333}.network-card-header{background-color:#2a2a2a;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.network-card-title{margin:0;font-size:1.1rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.network-card-title svg{color:#2196f3}.network-card-subtitle{margin:.25rem 0 0;font-size:.85rem;color:#fff9}.network-card-body{padding:1.5rem}.network-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.network-form-grid{grid-template-columns:1fr}}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#ffffffb3;font-weight:500}.form-input{width:100%;padding:.75rem 1rem;background-color:#1e1e1e;border:1px solid #333;border-radius:4px;color:#fff;font-size:.9rem;transition:all .3s}.form-input:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}.update-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;margin-left:auto}.update-button:hover{background-color:#3a3a3a;border-color:#2196f3;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.create-button{background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.create-button:hover{background-color:#3a3a3a;border-color:#2196f3}.create-user-button{background-color:#1a1a1a;color:#fff;border:1px solid #2196f3;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.create-user-button:hover{background-color:#8a70d633}.refresh-button{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background-color:#1a1a1a;color:#2196f3;border:1px solid #333;gap:.5rem;cursor:pointer;transition:all .3s}.refresh-button:hover{background-color:#8a70d61a;border-color:#2196f3}.refresh-button svg{font-size:1.1rem}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;width:100%}.loading-text{display:flex;align-items:center;gap:.75rem;color:#ffffffb3;font-size:.95rem}.empty-state{text-align:center;padding:3rem;background-color:#1a1a1a;border-radius:8px;margin:2rem 0}.empty-state-icon{font-size:3rem;color:#333;margin-bottom:1rem}.empty-state-text{color:#888;font-size:1rem;max-width:300px;margin:0 auto}.admin-modal{background-color:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid #333;max-width:600px;margin:0 auto}.admin-modal-header{background-color:#2a2a2a;padding:1rem 1.5rem;border-bottom:1px solid #333}.admin-modal-title{margin:0;font-size:1.2rem;font-weight:600;color:#fff;display:flex;align-items:center;gap:.5rem}.admin-modal-title svg{color:#2196f3}.admin-modal-body{padding:1.5rem}.admin-modal-footer{padding:1rem 1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:1rem}.admin-modal-cancel{padding:.5rem 1rem;background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.admin-modal-cancel:hover{background-color:#3a3a3a;border-color:#2196f3}.admin-modal-submit{padding:.5rem 1rem;background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.admin-modal-submit:hover{background-color:#3a3a3a;border-color:#2196f3}@media (max-width: 1024px){.admin-page{padding:.75rem}.admin-tabs{flex-wrap:wrap}.admin-tab{flex:1;min-width:120px;justify-content:center}}@media (max-width: 768px){.header h1{font-size:1.3rem}.admin-card-header{padding:.75rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.admin-card-header>div{width:100%;display:flex;justify-content:flex-end}.admin-card-body{padding:1rem}.admin-table th,.admin-table td{padding:.5rem .75rem;font-size:.8rem}.action-buttons{flex-direction:column;gap:.25rem}.action-button{width:100%}}.setting-buttons{display:flex;justify-content:flex-end;gap:1rem}.setting-buttons .status{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.setting-buttons .status.valid{background-color:#4caf5026;color:#81c784;border:1px solid rgba(76,175,80,.4)}.setting-buttons .status.invalid{border-color:#e74c3c;background-color:#e74c3c1a;color:#e74c3c}.setting-buttons .status.needs-test{background-color:#2196f326;color:#2196f3;border:1px solid rgba(33,150,243,.3)}.not-found-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center}.not-found-page h1{font-size:6rem;color:#2196f3;margin-bottom:1rem}.not-found-page h2{font-size:2rem;margin-bottom:1rem}.not-found-page p{margin-bottom:2rem;font-size:1.2rem}.home-link{display:inline-block;padding:.5rem 1rem;background-color:#2196f3;color:#fff;border-radius:4px;text-decoration:none;transition:background-color .3s}.home-link:hover{background-color:#1976d2}.resource-gauge{background-color:#0000001a;border-radius:10px;padding:18px;margin-bottom:16px;box-shadow:0 4px 12px #0000001a;transition:all .25s ease;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;font-family:Roboto,system-ui,sans-serif}.resource-gauge:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(33,150,243,.15),transparent 70%);pointer-events:none;z-index:0}.resource-gauge:hover{box-shadow:0 6px 14px #00000026}.resource-gauge.alarm{border-color:#ef444433}.resource-gauge.alarm:before{background:radial-gradient(circle at top right,rgba(239,68,68,.15),transparent 70%)}@keyframes alarmPulse{0%{box-shadow:0 0 #ef4444b3;border-color:#ef444466}70%{box-shadow:0 0 0 15px #ef444400;border-color:#ef444499}to{box-shadow:0 0 #ef444400;border-color:#ef444466}}.resource-gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.resource-gauge-title{margin:0;font-size:16px;font-weight:600;color:var(--color-text-primary);letter-spacing:.3px;position:relative;padding-left:12px}.resource-gauge-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:14px;background-color:var(--color-primary);border-radius:2px}.resource-gauge-alarm{display:flex;align-items:center;color:#fff;font-weight:600;font-size:12px;background-color:#ef4444cc;padding:4px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.15)}.resource-gauge-alarm:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 3s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.8}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}.resource-gauge-alarm svg{margin-right:6px;font-size:14px}.resource-gauge-body{display:flex;flex-direction:column;position:relative}.resource-gauge-meter{height:8px;background-color:#2196f31a;border-radius:4px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 1px 2px #0000001a;position:relative}.resource-gauge-fill{height:100%;border-radius:4px;transition:width .6s ease;background-color:var(--color-primary)}.resource-gauge-fill.alarm-fill{background-color:var(--color-danger)}.resource-gauge-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:0 2px}.resource-gauge-values{color:var(--color-text-primary);font-weight:500;display:flex;align-items:center;font-family:Roboto Mono,monospace}.resource-gauge-values:before{content:"📊";margin-right:8px;font-size:14px;opacity:.8;transition:transform .3s ease,opacity .3s ease}.resource-gauge:hover .resource-gauge-values:before{transform:scale(1.2);opacity:1}.resource-gauge-total{color:var(--color-text-secondary);margin-left:5px;opacity:.8;font-family:Roboto Mono,monospace}.resource-gauge-percentage{font-size:14px;font-weight:500;color:var(--color-text-secondary);opacity:.85;font-family:Roboto Mono,monospace}@media (max-width: 768px){.resource-gauge{padding:14px;margin-bottom:14px}.resource-gauge-title{font-size:15px}.resource-gauge-alarm{font-size:11px;padding:3px 8px}.resource-gauge-meter{height:6px;margin-bottom:10px}.resource-gauge-info{font-size:13px}}.system-monitor{padding:28px;background-color:var(--color-bg-primary);border-radius:16px;box-shadow:0 8px 24px #0003;overflow:hidden;position:relative;font-family:Roboto,system-ui,sans-serif;border:1px solid rgba(255,255,255,.05)}.system-monitor:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));z-index:1}.system-monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.system-monitor-header h2{margin:0;font-size:26px;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;letter-spacing:.3px}.system-monitor-header h2:before{content:"";display:inline-block;width:12px;height:12px;background-color:#10b981;border-radius:50%;margin-right:12px}.system-alarm-banner{background:#ef4444cc;color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;display:flex;align-items:center;box-shadow:0 4px 12px #ef44444d;border:1px solid rgba(255,255,255,.15);font-size:.85rem}.system-alarm-banner:before{content:"⚠️";margin-right:10px;font-size:16px}.system-monitor-loading{display:flex;justify-content:center;align-items:center;height:260px;color:var(--color-text-secondary);font-size:16px;position:relative;flex-direction:column;gap:24px}.system-monitor-loading:after{content:"";display:block;width:40px;height:40px;border:3px solid rgba(59,130,246,.15);border-radius:50%;border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite}.system-monitor-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:260px;color:var(--color-danger);font-size:16px;text-align:center;background-color:#ef44440d;border-radius:12px;padding:24px;border:1px solid rgba(239,68,68,.1)}.system-monitor-error:before{content:"⚠️";font-size:40px;margin-bottom:16px}.system-monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;animation:fadeIn .5s ease-out}.system-monitor-grid.with-gpu{grid-template-columns:repeat(2,1fr)}.system-monitor-card{background-color:var(--color-bg-secondary);border-radius:12px;padding:22px;box-shadow:0 6px 16px #0000001a;transition:transform .25s ease,box-shadow .25s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.05)}.system-monitor-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000026}.system-monitor-card-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);position:relative}.system-monitor-card-header svg{font-size:24px;margin-right:16px;color:var(--color-primary);padding:8px;border-radius:10px;background-color:#2196f314}.system-monitor-card-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-text-primary);letter-spacing:.3px}.system-monitor-details{margin-top:18px;display:grid;gap:12px;background:#0000001a;border-radius:10px;padding:16px;font-family:Roboto,system-ui,sans-serif;overflow:hidden;position:relative}.system-monitor-detail{display:flex;justify-content:space-between;font-size:14px;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.06);align-items:center;overflow:hidden;width:100%}.system-monitor-detail:last-child,.system-monitor-detail:nth-last-child(2){border-bottom:none}.system-monitor-detail span:first-child{color:var(--color-text-secondary);font-weight:500;font-family:Roboto,system-ui,sans-serif;flex-shrink:0;margin-right:12px;min-width:80px}.gpu-model-name{font-family:Roboto Mono,monospace;font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block}.gpu-memory{display:flex;align-items:center;gap:4px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.gpu-memory-used{color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis}.gpu-memory-separator{color:var(--color-text-secondary);margin:0 2px;flex-shrink:0}.gpu-memory-total{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis}.gpu-memory-percentage{color:var(--color-text-secondary);font-size:12px;margin-left:4px;opacity:.7}.system-monitor-detail span:last-child{font-family:Roboto Mono,monospace;text-align:right;font-weight:500;color:var(--color-text-primary);padding:4px 8px;border-radius:4px;background-color:#2196f314;min-width:60px;max-width:calc(100% - 90px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}@media (max-width: 1280px){.system-monitor-grid.with-gpu{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.system-monitor-grid.with-gpu{grid-template-columns:1fr}}@media (max-width: 768px){.system-monitor{padding:20px}.system-monitor-grid{grid-template-columns:1fr;gap:16px}.system-monitor-header{flex-direction:column;align-items:flex-start;margin-bottom:20px;padding-bottom:12px}.system-monitor-header h2{font-size:22px;margin-bottom:12px}.system-alarm-banner{margin-top:12px;width:100%;text-align:center;padding:8px 12px;font-size:13px}.system-monitor-card{padding:16px}.system-monitor-card-header svg{font-size:20px;padding:6px}.system-monitor-card-header h3{font-size:18px}.system-monitor-details{padding:12px;margin-top:14px}.system-monitor-detail span:first-child{min-width:70px}.system-monitor-detail span:last-child{max-width:calc(100% - 80px)}}.system-page{padding:24px;max-width:1280px;margin:0 auto;background-color:var(--color-bg-primary);font-family:Roboto,system-ui,sans-serif}.system-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.system-page-title{display:flex;align-items:center}.system-page-icon{font-size:32px;margin-right:16px;color:#2196f3;background-color:#2196f31a;padding:6px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.system-page-title h1{margin:0;font-size:32px;font-weight:700;color:var(--color-text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1)}.system-page-actions{display:flex;align-items:center}.system-page-last-updated{display:flex;align-items:center;margin-right:16px;color:var(--color-text-secondary);font-size:14px;background-color:#ffffff0d;padding:8px 12px;border-radius:6px}.system-page-last-updated svg{margin-right:8px;color:var(--color-primary)}.system-page-refresh{display:flex;align-items:center;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.system-page-refresh:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.system-page-refresh:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.system-page-refresh.refreshing{background-color:var(--color-primary-light);cursor:not-allowed;transform:none}.system-page-refresh svg{margin-right:10px;font-size:18px}.system-page-refresh.refreshing svg{animation:spin 1s linear infinite}.system-page-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px;animation:fadeIn .5s ease-out}.system-page-summary.with-gpu{grid-template-columns:repeat(5,1fr)}.system-summary-card{background-color:var(--color-bg-secondary);border-radius:12px;padding:16px;display:flex;align-items:center;box-shadow:0 8px 16px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;height:140px}.system-summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:.7}.system-summary-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.system-summary-card.alarm{border:1px solid rgba(239,68,68,.3)}.system-summary-card.alarm:before{background:linear-gradient(90deg,var(--color-danger),var(--color-danger-light));animation:pulse 2s infinite}.summary-icon{font-size:28px;color:#2196f3;margin-right:14px;background-color:#2196f31a;padding:6px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.system-summary-card.alarm .summary-icon{color:var(--color-danger);background-color:#ef44441a}.summary-content{flex:1;display:flex;flex-direction:column;justify-content:center}.summary-content h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-text-secondary);font-family:Roboto,system-ui,sans-serif}.summary-value{font-size:28px;font-weight:700;color:var(--color-text-primary);font-family:Roboto,system-ui,sans-serif;line-height:1.2}.summary-subtitle{font-size:12px;font-family:Roboto Mono,monospace;color:#2196f3;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.system-summary-card.alarm .summary-value{color:var(--color-danger)}.summary-status{font-size:20px;font-weight:700;padding:4px 12px;border-radius:20px;display:inline-block}.summary-status.healthy{color:#10b981;background-color:#10b9811a}.summary-status.warning{color:var(--color-danger)}.system-page-content{margin-bottom:30px;display:grid;grid-gap:20px}@media (min-width: 1201px) and (max-width: 1400px){.system-page-summary.with-gpu{grid-template-columns:repeat(5,1fr)}.summary-icon{font-size:26px;margin-right:12px}.summary-value{font-size:26px}}@media (max-width: 1280px){.system-page{padding:20px}.system-page-summary.with-gpu{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.system-page-summary.with-gpu{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.system-page{padding:16px}.system-page-header{flex-direction:column;align-items:flex-start;margin-bottom:24px;padding-bottom:12px}.system-page-title h1{font-size:24px}.system-page-icon{font-size:24px;padding:8px}.system-page-actions{flex-direction:column;align-items:flex-start;width:100%}.system-page-last-updated{margin-right:0;margin-bottom:12px;width:100%}.system-page-refresh{width:100%;justify-content:center}.system-page-summary{grid-template-columns:1fr;gap:16px}.system-summary-card{padding:16px}.summary-icon{font-size:24px;padding:8px}.summary-value{font-size:24px}.summary-status{font-size:18px}}.system-page{animation:fadeIn .5s ease-out}.system-page-icon{animation:pulse 3s infinite ease-in-out}.logs-page{margin:0 auto;height:100%;display:flex;flex-direction:column;gap:1rem;background-color:#121212;color:#fff;overflow:hidden;box-sizing:border-box;font-family:Inter,Roboto,system-ui,sans-serif;position:relative}.logs-page-fade-in{animation:enhancedFadeIn .8s cubic-bezier(.4,0,.2,1) forwards;opacity:0}.logs-page{padding:1.5rem}@keyframes enhancedFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98);filter:blur(4px)}50%{opacity:.7;transform:translateY(10px) scale(.99);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #333;position:relative}.header h1{margin:0;font-size:2rem;font-weight:600;color:#fff;position:relative;display:inline-block}.header h1:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:#2196f3;border-radius:3px}.header-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2196f326,#2196f30d);border:1px solid rgba(33,150,243,.2);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;color:#64b5f6}.badge-icon{font-size:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.quick-stats{display:flex;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.05);min-width:80px;transition:all .3s ease}.stat-item:hover{background:#ffffff0f;border-color:#2196f34d;transform:translateY(-2px)}.stat-icon{font-size:1.25rem;margin-bottom:.25rem}.stat-icon.info{color:#64b5f6}.stat-icon.warning{color:#ffb74d}.stat-icon.success{color:#81c784}.stat-value{font-size:1.1rem;font-weight:700;color:#fff}.stat-label{font-size:.75rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.action-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem}.action-group{display:flex;align-items:center;gap:.75rem}.action-group.primary{flex-grow:1;flex-shrink:1;flex-basis:0%}.action-group.secondary{flex-grow:0;flex-shrink:0;flex-basis:auto;justify-content:center;min-height:48px;align-items:center}.action-group.export{flex-grow:2;flex-shrink:1;flex-basis:0%;justify-content:flex-end}.action-group.search{flex-grow:3;flex-shrink:1;flex-basis:0%;justify-content:flex-start;gap:.75rem}.action-search-wrapper{position:relative;display:flex;align-items:center;width:100%;max-width:300px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .75rem;transition:all .3s ease}.action-search-wrapper:focus-within{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;background:#ffffff14}.search-icon{color:#888;font-size:1rem;margin-right:.5rem;flex-shrink:0}.action-search-input{background:transparent;border:none;outline:none;color:#e0e0e0;font-size:.875rem;width:100%;padding:0}.action-search-input::placeholder{color:#888}.clear-search-action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;color:#b0b0b0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-left:.75rem;flex-shrink:0;position:relative;z-index:1;font-size:1rem;padding:0}.clear-search-action-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f4433633,#f443361a);opacity:0;transition:opacity .3s ease;z-index:-1;border-radius:8px}.clear-search-action-btn svg{position:relative;z-index:2;width:16px;height:16px;transition:all .3s ease;flex-shrink:0}.clear-search-action-btn:hover{background:#f4433626;border-color:#f443364d;color:#f44336;transform:scale(1.1);box-shadow:0 4px 12px #f4433633}.clear-search-action-btn:hover:before{opacity:1}.clear-search-action-btn:hover svg{transform:rotate(90deg)}.clear-search-action-btn:active{transform:scale(.95)}.action-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;border:none;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-decoration:none;background:#ffffff0d;color:#e0e0e0;border:1px solid rgba(255,255,255,.1)}.action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.action-btn:hover:before{left:100%}.action-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;border-color:#2196f380}.action-btn:active{transform:translateY(0)}.action-btn.primary{background:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 4px 15px #2196f34d}.action-btn.primary:hover{background:#1976d2;box-shadow:0 8px 25px #2196f366}.action-btn.primary.active{background:#4caf50;border-color:#4caf50;box-shadow:0 4px 15px #4caf504d}.action-btn.filter.active{background:#ff9800;border-color:#ff9800;color:#fff}.action-btn.auto-refresh.active{background:#9c27b0;border-color:#9c27b0;color:#fff}.action-btn.export{background:#607d8b1a;border-color:#607d8b4d;color:#90a4ae}.action-btn.export:hover{background:#607d8b33;border-color:#607d8b;color:#b0bec5}.action-btn.hide-filters{background:#ffffff0d;border-color:#ffffff1a;color:#b0b0b0}.action-btn.hide-filters:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.action-btn.apply-filters{background:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 4px 15px #2196f34d}.action-btn.apply-filters:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 8px 25px #2196f366}.action-btn.clear-filters{background:#ffffff0d;border-color:#ffffff1a;color:#b0b0b0}.action-btn.clear-filters:hover{background:#ffffff1a;border-color:#fff3;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.action-btn:disabled:hover{transform:none;box-shadow:none}.active-indicator{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#4caf50;border-radius:50%;border:2px solid #1a1a1a;animation:pulse 2s infinite}.filters-count-badge{background:linear-gradient(135deg,#e91e63,#c2185b);color:#fff;padding:.2rem .5rem;border-radius:10px;font-size:.7rem;font-weight:600;min-width:18px;text-align:center;line-height:1;box-shadow:0 2px 4px #e91e634d;border:1px solid rgba(233,30,99,.4)}.auto-refresh-group{display:flex;align-items:center;gap:.5rem}.interval-select{padding:.5rem .75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#e0e0e0;font-size:.85rem;cursor:pointer;transition:all .3s ease;flex-grow:1;flex-shrink:1;flex-basis:0%}.interval-select:hover{border-color:#2196f380;background:#ffffff14}.interval-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.header-controls-horizontal{display:flex;align-items:center;gap:.5rem;background:#ffffff08;padding:.375rem .5rem;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.auto-refresh-horizontal-group{display:flex;align-items:center;gap:.375rem;background:#2196f31a;padding:.25rem .5rem;border-radius:6px;border:1px solid rgba(33,150,243,.2)}.auto-refresh-horizontal-group .header-control-btn.auto-refresh.active{background:#2196f333;color:#64b5f6;border-color:#2196f34d}.header-control-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#e0e0e0;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.header-control-btn:hover{background:#ffffff14;border-color:#2196f380;transform:translateY(-1px)}.header-control-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.header-control-btn.refresh{background:#4caf501a;border-color:#4caf5033;color:#81c784}.header-control-btn.refresh:hover:not(:disabled){background:#4caf5033;border-color:#4caf5066}.header-interval-select{padding:.25rem .375rem;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:#ffffff0d;color:#e0e0e0;font-size:.7rem;min-width:45px;cursor:pointer;transition:all .2s ease;flex:1 1 0}.header-interval-select:hover:not(:disabled){border-color:#2196f380;background:#ffffff14}.header-interval-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.header-interval-select:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.content-area{display:flex;flex-direction:column;gap:1rem;flex-grow:1;flex-shrink:1;flex-basis:0%;overflow:visible;min-height:0}.enhanced-filters-section{background:linear-gradient(135deg,#1a1a1a,#252525);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d;transition:all .3s ease;flex-shrink:0;overflow:hidden;position:relative}.enhanced-filters-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#ff9800,transparent);opacity:.6}.filters-content{padding:.75rem}.filter-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.filter-row{display:flex;gap:2rem;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.75rem}.filter-group-inline{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.filter-label{display:flex;align-items:center;gap:.5rem;color:#e0e0e0;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.label-icon{font-size:1rem;color:#64b5f6}.level-filter-buttons{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;min-height:40px}.level-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08;color:#e0e0e0;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500}.level-btn:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.level-btn.active{background:var(--level-bg);border-color:var(--level-color);color:#fff;box-shadow:0 4px 15px #0000004d}.level-indicator{width:8px;height:8px;border-radius:50%;background:var(--level-color)}.search-input-wrapper{position:relative}.enhanced-filter-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:.9rem;transition:all .3s ease}.enhanced-filter-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;background:#ffffff14}.enhanced-filter-input::placeholder{color:#888}.enhanced-filter-select{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:#fff;font-size:.9rem;transition:all .3s ease;cursor:pointer}.enhanced-filter-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;background:#ffffff14}.enhanced-filter-select option{background:#1a1a1a;color:#fff;padding:.5rem}.date-range-inputs-inline{display:flex;align-items:center;gap:.75rem}.date-input-inline{flex:1;min-width:150px}.date-input-inline.invalid{border-color:#f44336!important;background:#f443360d!important;box-shadow:0 0 0 2px #f4433633!important}.date-input-inline.invalid:focus{border-color:#f44336!important;box-shadow:0 0 0 3px #f443364d!important}.date-range-error{margin-top:.5rem;padding:.5rem .75rem;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;gap:.5rem}.error-text{color:#f44336;font-size:.8rem;font-weight:500;text-align:center}.action-btn.apply-filters.disabled{background:#ffffff0d!important;color:#666!important;border-color:#ffffff1a!important;cursor:not-allowed!important;box-shadow:none!important}.action-btn.apply-filters.disabled:hover{background:#ffffff0d!important;transform:none!important;box-shadow:none!important}.clear-search-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#b0b0b0;cursor:pointer;transition:all .3s ease}.clear-search-btn:hover{background:#fff3;color:#fff}.date-range-inputs{display:flex;align-items:center;gap:1rem}.date-separator{color:#888;font-size:.85rem;font-weight:500}.date-input{flex-grow:1;flex-shrink:1;flex-basis:0%}.filter-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.filter-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex-grow:1;flex-shrink:1;flex-basis:0%;justify-content:center}.filter-action-btn.hide{background:#ffffff0d;color:#b0b0b0;border:1px solid rgba(255,255,255,.1)}.filter-action-btn.hide:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translateY(-2px)}.filter-action-btn.apply{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 15px #2196f34d}.filter-action-btn.apply:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 8px 25px #2196f366;transform:translateY(-2px)}.filter-action-btn.clear{background:#ffffff0d;color:#b0b0b0;border:1px solid rgba(255,255,255,.1)}.filter-action-btn.clear:hover{background:#ffffff1a;color:#fff;border-color:#fff3;transform:translateY(-2px)}.enhanced-empty-state{display:flex;align-items:center;justify-content:center;flex-grow:1;flex-shrink:1;flex-basis:0%;min-height:400px}.empty-state-content{text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d;max-width:500px;width:100%}.empty-state-icon{font-size:4rem;color:#64b5f6;margin-bottom:1.5rem;opacity:.7;animation:float 3s ease-in-out infinite}.empty-state-content h2{margin-bottom:1rem;color:#fff;font-size:1.5rem;font-weight:600}.empty-state-content p{margin-bottom:2rem;color:#b0b0b0;font-size:1rem;line-height:1.5}.empty-state-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.empty-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.empty-action-btn.primary{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 15px #2196f34d}.empty-action-btn.primary:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 8px 25px #2196f366;transform:translateY(-2px)}.empty-action-btn.secondary{background:#ffffff0d;color:#e0e0e0;border:1px solid rgba(255,255,255,.1)}.empty-action-btn.secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.enhanced-table-container{background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d,0 0 0 1px #ffffff0d;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;position:relative;flex-grow:1;flex-shrink:1;flex-basis:0%;min-height:0;width:100%;display:flex;flex-direction:column;height:calc(100vh - 220px)}.table-header-info{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08)}.table-title{display:flex;align-items:center;gap:.75rem}.table-icon{font-size:1.25rem;color:#64b5f6}.table-title span{font-size:1.1rem;font-weight:600;color:#fff}.live-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.live-dot{width:8px;height:8px;border-radius:50%;background:#666;transition:all .3s ease}.live-dot.active{background:#4caf50;box-shadow:0 0 10px #4caf5080;animation:pulse 2s infinite}.live-indicator span{font-size:.75rem;color:#b0b0b0;text-transform:uppercase;letter-spacing:.5px}.table-meta{display:flex;align-items:center;gap:1rem}.showing-count{font-size:.85rem;color:#b0b0b0}.enhanced-table-wrapper{flex-grow:1;flex-shrink:1;flex-basis:0%;overflow:auto;width:100%;position:relative;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.enhanced-table-wrapper:before,.enhanced-table-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:10;transition:opacity .3s ease}.enhanced-table-wrapper:before{left:0;background:linear-gradient(to right,rgba(26,26,26,.9),transparent);opacity:0}.enhanced-table-wrapper:after{right:0;background:linear-gradient(to left,rgba(26,26,26,.9),transparent);opacity:0}.enhanced-table-wrapper[data-scroll=left]:before,.enhanced-table-wrapper[data-scroll=both]:before{opacity:1}.enhanced-table-wrapper[data-scroll=right]:after,.enhanced-table-wrapper[data-scroll=both]:after{opacity:1}.enhanced-logs-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;background:transparent}.table-header{position:sticky;top:0;z-index:15;box-shadow:0 2px 8px #0003}.table-header tr{border-bottom:2px solid rgba(33,150,243,.3)}.timestamp-header,.level-header,.message-header{padding:1rem 1.25rem;text-align:left;position:relative;transition:all .3s ease}.timestamp-header{width:18%;min-width:180px}.level-header{width:12%;min-width:120px}.message-header{width:70%;min-width:300px}.header-content{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.header-icon{font-size:1rem;color:#64b5f6}.timestamp-header:hover,.level-header:hover,.message-header:hover{background:#2196f31a}.timestamp-header:after,.level-header:after,.message-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#2196f3,transparent);transform:scaleX(0);transition:transform .3s ease}.timestamp-header:hover:after,.level-header:hover:after,.message-header:hover:after{transform:scaleX(1)}.table-body{background:transparent}.log-row{transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.05);position:relative;animation:slideIn .3s ease-out;animation-delay:calc(var(--row-index) * .05s);animation-fill-mode:both}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.log-row:last-child{border-bottom:none}.log-row:hover{background:linear-gradient(135deg,#2196f314,#2196f308);transform:translateY(-1px);box-shadow:0 4px 20px #00000026}.log-row.error:hover{background:linear-gradient(135deg,#f4433614,#f4433608)}.log-row.warn:hover{background:linear-gradient(135deg,#ff980014,#ff980008)}.log-row.fatal:hover{background:linear-gradient(135deg,#8b451314,#8b451308)}.loading-row{height:80px}.loading-content{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.9rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(33,150,243,.3);border-radius:50%;border-top-color:#2196f3;animation:spin 1s linear infinite}.timestamp-cell,.level-cell,.message-cell{padding:.75rem 1.25rem;vertical-align:middle;position:relative}.timestamp-content{display:flex;align-items:center}.timestamp-text{font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;color:#94a3b8;font-weight:500;letter-spacing:.5px}.level-badge-wrapper{display:flex;align-items:center}.enhanced-level-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--level-bg);color:var(--level-color);border:1px solid var(--level-color);box-shadow:0 2px 8px #0003;transition:all .3s ease}.enhanced-level-badge:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000004d}.enhanced-level-badge .level-indicator{width:6px;height:6px;border-radius:50%;background:var(--level-color);animation:pulse 2s infinite}.message-content{display:flex;align-items:center}.message-text{color:#e0e0e0;font-size:.9rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.enhanced-table-wrapper::-webkit-scrollbar{height:10px;width:10px}.enhanced-table-wrapper::-webkit-scrollbar-track{background:#ffffff0d;border-radius:5px}.enhanced-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#64b5f6);border-radius:5px;border:2px solid rgba(26,26,26,.8);transition:all .3s ease}.enhanced-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 0 10px #2196f380}.enhanced-table-wrapper::-webkit-scrollbar-corner{background:#ffffff0d}.enhanced-table-wrapper{scrollbar-width:thin;scrollbar-color:#2196f3 rgba(255,255,255,.05)}.compact-pagination-section{background:linear-gradient(135deg,#1a1a1a,#252525);border-radius:8px;padding:.5rem .75rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px #0003;flex-shrink:0}.pagination-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:32px}.pagination-left{display:flex;align-items:center;gap:1rem;flex-grow:1;flex-shrink:1;flex-basis:0%}.pagination-center{display:flex;align-items:center;gap:.5rem;flex-grow:0;flex-shrink:0;flex-basis:auto}.pagination-right{display:flex;align-items:center;justify-content:flex-end;flex-grow:1;flex-shrink:1;flex-basis:0%}.stats-text{font-size:.85rem;color:#e0e0e0;white-space:nowrap}.stats-text strong{color:#2196f3;font-weight:600}.page-info{font-size:.85rem;color:#b0b0b0;white-space:nowrap}.page-info strong{color:#2196f3;font-weight:600}.page-size-controls{display:flex;align-items:center;gap:.5rem}.page-size-label{font-size:.8rem;color:#b0b0b0;font-weight:500;white-space:nowrap;margin-bottom:0rem!important}.compact-page-size-select{padding:.4rem .6rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease;min-width:60px}.compact-page-size-select:hover{border-color:#2196f380}.compact-page-size-select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.pagination-btn{display:flex;align-items:center;gap:.25rem;padding:.3rem .5rem;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:#ffffff0d;color:#e0e0e0;cursor:pointer;transition:all .3s ease;font-size:.75rem;font-weight:500;min-height:28px}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#2196f380;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn.nav-btn{padding:.4rem .8rem}.pagination-btn.page-btn{min-width:32px;justify-content:center;padding:.4rem .6rem}.pagination-btn.page-btn.active{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff;box-shadow:0 2px 8px #2196f34d}.pagination-btn.page-btn.active:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366}.page-numbers{display:flex;gap:.25rem;align-items:center}.level-cell{text-align:center;width:10%;min-width:80px}.level-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:center}.level-badge.debug{background-color:#374151;color:#9ca3af;border:1px solid #4b5563}.level-badge.info{background-color:#1e3a8a;color:#60a5fa;border:1px solid #2563eb}.level-badge.warn{background-color:#92400e;color:#fbbf24;border:1px solid #d97706}.level-badge.error{background-color:#991b1b;color:#f87171;border:1px solid #dc2626}.level-badge.fatal{background-color:#7f1d1d;color:#ef4444;border:1px solid #b91c1c}.message-cell{width:72%;min-width:300px}.message-content{word-wrap:break-word;white-space:pre-wrap;line-height:1.5;max-width:100%;overflow-wrap:break-word}.loading-cell{text-align:center;padding:2rem;color:#888}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid #333;border-radius:50%;border-top-color:#2196f3;animation:spin 1s ease-in-out infinite;margin-right:.5rem}.pagination-section{padding:1rem 1.5rem;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 4px 8px #0003;flex-shrink:0}.pagination-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.total-count{font-weight:600;color:#e2e8f0;font-size:.875rem}.page-size-selector{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.875rem}.page-size-select{background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;cursor:pointer}.page-size-select:hover{border-color:#2196f3}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.pagination-button{background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.25rem;font-size:.875rem}.pagination-button:hover:not(:disabled){background-color:#3a3a3a;border-color:#2196f3}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:.25rem}.page-number{background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;padding:.5rem .75rem;border-radius:4px;cursor:pointer;transition:all .3s;font-size:.875rem;min-width:40px;text-align:center}.page-number:hover{background-color:#3a3a3a;border-color:#2196f3}.page-number.active{background-color:#2196f3;border-color:#2196f3;color:#fff}@media (max-width: 1024px){.logs-page{padding:1rem}.logs-header{padding:1.25rem}.header-main{flex-direction:column;align-items:flex-start;gap:1rem}.quick-stats{gap:1rem}.action-bar{flex-direction:column;gap:1rem}.action-group{width:100%;justify-content:center}.enhanced-table-container{height:calc(100vh - 280px)}.enhanced-logs-table{min-width:900px}.timestamp-header,.level-header,.message-header{padding:.75rem 1rem}.timestamp-cell,.level-cell,.message-cell{padding:.5rem 1rem}.filter-grid{gap:1rem}.level-filter-buttons{gap:.25rem}.level-btn{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 768px){.logs-page{padding:.75rem;gap:1rem}.logs-header{padding:1rem}.header-main{flex-direction:column;align-items:center;text-align:center;gap:1rem}.header-title{flex-direction:column;gap:.75rem}.header-title h1{font-size:1.75rem}.quick-stats{flex-direction:column;gap:.75rem;width:100%}.stat-item{flex-direction:row;justify-content:space-between;padding:.75rem 1rem}.action-bar{flex-direction:column;gap:1rem}.action-group{width:100%;justify-content:center;flex-wrap:wrap}.action-btn{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:120px;justify-content:center}.enhanced-filters-section{margin:0 -.25rem}.filter-grid{gap:1rem}.level-filter-buttons{flex-wrap:wrap;gap:.5rem}.level-btn{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:80px;justify-content:center}.date-range-inputs,.filter-actions{flex-direction:column;gap:.75rem}.enhanced-table-container{height:calc(100vh - 320px);margin:0 -.25rem}.table-header-info{flex-direction:column;gap:.75rem;text-align:center}.enhanced-logs-table{min-width:1000px}.timestamp-header,.level-header,.message-header{padding:.5rem .75rem}.header-content{font-size:.8rem}.timestamp-cell,.level-cell,.message-cell{padding:.5rem .75rem}.timestamp-text{font-size:.8rem}.enhanced-level-badge{padding:.3rem .6rem;font-size:.7rem}.message-text{font-size:.85rem}.compact-pagination-section{padding:.75rem 1rem;margin:0 -.25rem}.pagination-row{flex-direction:column;gap:.75rem;text-align:center}.pagination-left,.pagination-center,.pagination-right{flex:none;width:100%;justify-content:center}.pagination-center{order:1}.pagination-left{order:2}.pagination-right{order:3}.pagination-btn.nav-btn{flex-grow:1;flex-shrink:1;flex-basis:0%;min-width:80px}.enhanced-table-wrapper::-webkit-scrollbar{height:12px;width:12px}.enhanced-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2196f3,#64b5f6);border-radius:6px;border:2px solid rgba(26,26,26,.8)}}@media (max-width: 480px){.logs-page{padding:.5rem;gap:.75rem}.logs-header{padding:.75rem}.header-title h1,.title-icon{font-size:1.5rem}.header-badge{padding:.4rem .8rem;font-size:.8rem}.quick-stats{gap:.5rem}.stat-item{padding:.5rem .75rem;min-width:auto}.stat-value{font-size:1rem}.stat-label{font-size:.7rem}.action-btn{padding:.6rem 1rem;font-size:.85rem}.enhanced-filters-section{margin:0 -.25rem}.filters-content{padding:1rem}.level-btn{padding:.4rem .6rem;font-size:.75rem}.enhanced-filter-input{padding:.6rem .8rem;font-size:.85rem}.enhanced-table-container{height:calc(100vh - 360px);margin:0 -.25rem}.table-header-info{padding:.75rem 1rem}.enhanced-logs-table{min-width:1100px}.timestamp-header,.level-header,.message-header{padding:.4rem .6rem}.header-content{font-size:.75rem;gap:.25rem}.header-icon{font-size:.85rem}.timestamp-cell,.level-cell,.message-cell{padding:.4rem .6rem}.timestamp-text{font-size:.75rem}.enhanced-level-badge{padding:.25rem .5rem;font-size:.65rem;gap:.25rem}.level-indicator{width:5px;height:5px}.message-text{font-size:.8rem}.compact-pagination-section{padding:.5rem .75rem;margin:0 -.25rem}.pagination-btn{padding:.4rem .6rem;font-size:.8rem}.pagination-btn.nav-btn{padding:.4rem .8rem}.empty-state-content{padding:2rem 1rem}.empty-state-icon{font-size:3rem}.empty-state-content h2{font-size:1.25rem}.empty-action-btn{padding:.6rem 1rem;font-size:.85rem}}.empty-schedules-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:#1a1a1a;border-radius:12px;border:1px solid #333;box-shadow:0 8px 16px #0003;margin:2rem auto;max-width:600px;animation:fadeIn .5s ease}.empty-schedules-icon-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#646cff1a,#ffa5001a);border-radius:50%;margin-bottom:1.5rem;position:relative;overflow:hidden}.empty-schedules-icon-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(100,108,255,.3),transparent 30%);animation:rotate 4s linear infinite}.empty-schedules-icon{font-size:2.5rem;color:#2196f3;position:relative;z-index:2}.empty-schedules-title{font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:1rem;position:relative;display:inline-block}.empty-schedules-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#2196f3,orange);border-radius:3px}.empty-schedules-description{color:#aaa;font-size:1.1rem;margin-bottom:2rem;max-width:400px;line-height:1.6}.empty-schedules-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2196f3,#535bf2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.empty-schedules-button:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0003;background:linear-gradient(135deg,#535bf2,#2196f3)}.empty-schedules-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.channel-management-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:channelModalSlideIn .3s ease-out}.channel-management-modal .channel-management-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#222}.channel-management-modal .channel-management-modal-header h2{margin:0;color:#e8f2ff;font-size:1.2rem;font-weight:600}.channel-management-modal .channel-management-modal-header .close-button{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.channel-management-modal .channel-management-modal-header .close-button:hover{background:#ffffff1a;color:#fff}.channel-management-modal .edit-channel-form{padding:0}.channel-management-modal .edit-channel-form .modal-body{padding:24px 18px}.channel-management-modal .edit-channel-form .modal-body .channel-management-modal-error-message{background:linear-gradient(135deg,#f4433614,#f4433608);color:#ff5252;padding:16px;border-radius:10px;margin-bottom:20px;font-size:.9rem;border:1px solid rgba(244,67,54,.2);position:relative;overflow:hidden;animation:channelModalShake .6s ease-in-out}.channel-management-modal .edit-channel-form .modal-body .input-group-channel{margin-bottom:0}.channel-management-modal .edit-channel-form .modal-body .input-group-channel input{width:100%;padding:12px 16px;background:#262626;border:1px solid #404040;border-radius:8px;color:#e8f2ff;font-size:.95rem;transition:border-color .2s;box-sizing:border-box}.channel-management-modal .edit-channel-form .modal-body .input-group-channel input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.channel-management-modal .edit-channel-form .modal-body .input-group-channel input:disabled{opacity:.6;cursor:not-allowed}.channel-management-modal .edit-channel-form .modal-footer{padding:20px 24px;border-top:1px solid #333;background:#222;display:flex;gap:12px;justify-content:flex-end}.channel-management-modal .edit-channel-form .modal-footer .cancel-button{padding:12px 24px;background:#ffffff14;color:#e8f2ff;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.channel-management-modal .edit-channel-form .modal-footer .cancel-button:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.channel-management-modal .edit-channel-form .modal-footer .cancel-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.channel-management-modal .edit-channel-form .modal-footer .cancel-button:disabled{opacity:.6;cursor:not-allowed}.channel-management-modal .edit-channel-form .modal-footer .save-button{padding:12px 24px;background:#3b82f6;color:#fff;border:1px solid #3b82f6;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.channel-management-modal .edit-channel-form .modal-footer .save-button:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.channel-management-modal .edit-channel-form .modal-footer .save-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.channel-management-modal .edit-channel-form .modal-footer .save-button:disabled{opacity:.6;cursor:not-allowed}@keyframes channelModalShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes channelModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 568px){.channel-management-modal{max-width:95%;margin:10px}.channel-management-modal .edit-channel-form .modal-body{padding:20px 16px}.channel-management-modal .edit-channel-form .modal-footer{padding:16px 20px;flex-direction:column-reverse}.channel-management-modal .edit-channel-form .modal-footer .cancel-button,.channel-management-modal .edit-channel-form .modal-footer .save-button{width:100%;justify-content:center}}.enhanced-ads-settings-modal{max-width:900px;width:90vw;max-height:85vh;background:#1a1a1a;border:1px solid #333;border-radius:12px;box-shadow:0 16px 48px #0006;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.compact-ads-settings-modal{max-width:850px;width:90vw;background:#151515;border:1px solid #333;border-radius:12px;box-shadow:0 16px 48px #0006;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.ads-file-duration{color:#9ca3af;font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;margin-right:.5rem;font-family:Courier New,monospace;flex-shrink:0;color:#2196f3}.ads-filler-tabs{padding:4px;height:135px;border-radius:.5rem;border:1px solid #374151;overflow-y:auto;margin-top:10px}.ads-modal-footer{padding:1rem 1.5rem;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:1rem;background-color:#121212}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.enhanced-ads-settings-modal .modal-header,.compact-ads-settings-modal .modal-header{padding:20px 24px 16px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:flex-start}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.header-icon{width:20px;height:20px;color:#5cb4ff}.enhanced-ads-settings-modal .modal-header h2,.compact-ads-settings-modal .modal-header h2{margin:0;color:#f4f4f5;font-size:1.3rem;font-weight:600}.close-button:hover{color:#f4f4f5;background:#333;border-color:#525252}.enhanced-ads-settings-modal .modal-body,.compact-ads-settings-modal .modal-body{flex:1;overflow-y:auto;padding:12px 24px 16px}.compact-settings-grid{display:flex;flex-direction:column;gap:16px}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.settings-row:has(.full-width){grid-template-columns:1fr}.setting-item.compact{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#262626;border:1px solid #404040;border-radius:8px;transition:all .2s ease;min-height:60px}.setting-item.compact:hover{border-color:#525252;background:#2a2a2a}.setting-item.compact .setting-info{flex:1;display:flex;flex-direction:column;gap:2px}.setting-item.compact .setting-title{color:#f4f4f5;font-size:.9rem;font-weight:600}.input-group.compact{display:flex;flex-direction:column;gap:6px}.input-group.compact label{color:#f4f4f5;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:0}.input-group.compact input,.input-group.compact select{padding:8px 12px;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f5;font-size:.85rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a;height:36px}.input-group.compact.duration-input{display:flex;flex-direction:row;align-items:center;gap:12px;background:#262626;border:1px solid #404040;border-radius:8px;padding:12px 16px;transition:all .2s ease}.input-group.compact.duration-input:hover{border-color:#525252;background:#2a2a2a}.input-group.compact.duration-input label{margin-bottom:0;min-width:120px;flex-shrink:0}.input-group.compact.duration-input input{flex:1;height:32px;padding:6px 10px;font-size:.85rem}.input-group.compact input:hover,.input-group.compact select:hover{border-color:#fff3;box-shadow:0 4px 8px #00000026}.input-group.compact input:focus,.input-group.compact select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #05966926;background:linear-gradient(135deg,#ffffff1f,#ffffff14);transform:translateY(-1px)}.input-group.full-width{grid-column:1 / -1}.input-group.full-width input{width:100%;padding:10px 12px;height:40px;font-size:.9rem}.content-source-section{border-radius:8px;overflow:hidden;transition:all .2s ease}.tab-navigation{gap:4px;display:flex;background:#1a1a1a;border-radius:8px}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:none;color:#a1a1aa;font-size:.8em;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease}.tab-button:hover{color:#f4f4f5;background:#ffffff0d}.tab-button.active{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.tab-button svg{width:16px;height:16px}.external-content,.files-content{display:flex;flex-direction:column;gap:16px}.ad-storm-config{margin-top:30px;background:#1a1a1a;border:1px solid #404040;border-radius:8px;overflow:hidden;transition:all .3s ease}.ad-storm-config.disabled{opacity:.6;border-color:#404040}.config-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#262626;border-bottom:1px solid #404040}.config-title{display:flex;align-items:center;gap:8px;color:#f4f4f5;font-weight:600;font-size:.9rem}.config-title svg{width:16px;height:16px;color:#059669}.status-indicator{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-indicator.active{background:#05966933;color:#059669;border:1px solid rgba(5,150,105,.3)}.status-indicator.inactive{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.config-content{padding:16px}.config-content .input-group{margin-bottom:16px}.config-content .input-group label{color:#f4f4f5;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;display:block}.config-content .input-group input{width:100%;padding:10px 12px;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f5;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.config-content .input-group input:disabled{background:linear-gradient(135deg,#ffffff08,#ffffff05);color:#666;cursor:not-allowed;opacity:.6}.config-content .input-group input:not(:disabled):hover{border-color:#fff3;box-shadow:0 4px 8px #00000026}.config-content .input-group input:not(:disabled):focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #05966926;background:linear-gradient(135deg,#ffffff1f,#ffffff14);transform:translateY(-1px)}.file-content-section{grid-column:1 / -1;background:#262626;border:1px solid #404040;border-radius:8px;padding:16px;margin-top:8px}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:20px 0;background:#262626;border-bottom:1px solid #333;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:10px;padding:12px;background:#1a1a1a;border:1px solid #404040;border-radius:8px;transition:all .2s ease}.stat-card:hover{border-color:#525252;background:#1e1e1e}.stat-icon{width:32px;height:32px;border-radius:6px;background:#0596691a;display:flex;align-items:center;justify-content:center;color:#059669;font-size:1rem}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.2rem;font-weight:600;color:#f4f4f5;line-height:1}.stat-label{font-size:.7rem;color:#a1a1aa;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.settings-container{display:flex;flex-direction:column;gap:20px}.enhanced-ads-settings-modal .settings-section{background:#262626;border:1px solid #404040;border-radius:8px;overflow:hidden;transition:all .2s ease}.enhanced-ads-settings-modal .settings-section:hover{border-color:#525252;box-shadow:0 4px 12px #0003}.section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1e1e1e;border-bottom:1px solid #404040}.section-header h3{margin:0;color:#f4f4f5;font-size:1rem;font-weight:600}.section-icon{width:28px;height:28px;border-radius:6px;background:#0596691a;display:flex;align-items:center;justify-content:center;color:#059669;font-size:.9rem}.settings-content{padding:20px}.enhanced-ads-settings-modal .setting-item{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:#1a1a1a;border:1px solid #404040;border-radius:8px;transition:all .2s ease}.enhanced-ads-settings-modal .setting-item:hover{border-color:#525252;background:#1e1e1e}.enhanced-ads-settings-modal .setting-item:last-child{margin-bottom:0}.setting-info{flex:1;display:flex;flex-direction:column;gap:4px}.setting-title{color:#f4f4f5;font-size:.95rem;font-weight:600}.setting-description{color:#a1a1aa;font-size:.8rem;line-height:1.4}.enhanced-ads-settings-modal .toggle-switch,.compact-ads-settings-modal .toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.enhanced-ads-settings-modal .toggle-switch input,.compact-ads-settings-modal .toggle-switch input{opacity:0;width:0;height:0}.enhanced-ads-settings-modal .toggle-slider,.compact-ads-settings-modal .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#404040,#525252);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 4px #0003}.enhanced-ads-settings-modal .toggle-slider:hover,.compact-ads-settings-modal .toggle-slider:hover{box-shadow:inset 0 2px 4px #0000004d}.enhanced-ads-settings-modal input:checked+.toggle-slider,.compact-ads-settings-modal input:checked+.toggle-slider{box-shadow:0 0 0 2px #05966933}.enhanced-ads-settings-modal .toggle-slider:before,.compact-ads-settings-modal .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:2px;background:linear-gradient(135deg,#fff,#f0f0f0);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 6px #0000004d}.enhanced-ads-settings-modal input:checked+.toggle-slider:before,.compact-ads-settings-modal input:checked+.toggle-slider:before{transform:translate(24px);box-shadow:0 3px 8px #0006}.enhanced-ads-settings-modal .input-group{margin-bottom:20px}.enhanced-ads-settings-modal .input-group label{display:block;margin-bottom:8px;color:#f4f4f5;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.enhanced-ads-settings-modal .input-group input,.enhanced-ads-settings-modal .input-group select{width:100%;padding:12px 14px;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f5;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a}.enhanced-ads-settings-modal .input-group input:hover,.enhanced-ads-settings-modal .input-group select:hover{border-color:#fff3;box-shadow:0 4px 8px #00000026}.enhanced-ads-settings-modal .input-group input:focus,.enhanced-ads-settings-modal .input-group select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #05966926;background:linear-gradient(135deg,#ffffff1f,#ffffff14);transform:translateY(-1px)}.enhanced-ads-settings-modal .input-group input:disabled,.enhanced-ads-settings-modal .input-group select:disabled{background:linear-gradient(135deg,#ffffff08,#ffffff05);color:#666;cursor:not-allowed;opacity:.6}.input-note{display:flex;align-items:center;gap:4px;color:#a1a1aa;font-size:.7rem;margin-top:4px}.channel-ads-settings-modal .input-group input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.channel-ads-settings-modal .input-group input[type=number]::-webkit-outer-spin-button,.channel-ads-settings-modal .input-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.enhanced-ads-settings-modal .modal-footer,.compact-ads-settings-modal .modal-footer{padding:16px 24px;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.footer-info{display:flex;align-items:center;gap:6px;color:#a1a1aa;font-size:.8rem}.footer-actions{display:flex;gap:10px}.enhanced-ads-settings-modal .cancel-button,.enhanced-ads-settings-modal .save-button,.compact-ads-settings-modal .cancel-button,.compact-ads-settings-modal .save-button{padding:10px 18px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;border:none;display:flex;align-items:center;gap:6px}.enhanced-ads-settings-modal .cancel-button,.compact-ads-settings-modal .cancel-button{background:transparent;color:#a1a1aa;border:1px solid #404040}.enhanced-ads-settings-modal .cancel-button:hover,.compact-ads-settings-modal .cancel-button:hover{background:#333;color:#f4f4f5;border-color:#525252}.enhanced-ads-settings-modal .save-button,.compact-ads-settings-modal .save-button{color:#fff}.enhanced-ads-settings-modal .save-button:hover:not(:disabled),.compact-ads-settings-modal .save-button:hover:not(:disabled){transform:translateY(-1px)}.enhanced-ads-settings-modal .save-button:disabled,.compact-ads-settings-modal .save-button:disabled{background:#666;color:#999;cursor:not-allowed;transform:none}@media (max-width: 768px){.channel-ads-settings-modal{max-width:95%;margin:10px;max-height:95vh}.channel-ads-settings-modal .modal-header,.channel-ads-settings-modal .modal-body,.channel-ads-settings-modal .modal-footer{padding-left:16px;padding-right:16px}.channel-ads-settings-modal .settings-section{padding:16px;margin-bottom:24px}.channel-ads-settings-modal .modal-footer{flex-direction:column-reverse}.channel-ads-settings-modal .cancel-button,.channel-ads-settings-modal .save-button{width:100%;justify-content:center}.compact-ads-settings-modal{max-width:95%;margin:10px;max-height:90vh}.settings-row{grid-template-columns:1fr;gap:8px}.setting-item.compact{min-height:50px;padding:10px 12px}.input-group.compact input,.input-group.compact select{height:32px;font-size:.8rem}.input-group.compact.duration-input{flex-direction:column;gap:8px;padding:10px 12px}.input-group.compact.duration-input label{min-width:auto;text-align:center}.input-group.compact.duration-input input{width:100%}.tab-button{padding:10px 12px;font-size:.85rem}.config-header{flex-direction:column;gap:8px;align-items:flex-start}.status-indicator{align-self:flex-start}.config-content{padding:12px}.preview-content{font-size:.8rem;padding:8px 10px}}.file-browser-section{padding-top:16px;border-radius:8px}.breadcrumb-nav{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;background:#262626;border-radius:6px;border:1px solid #404040}.breadcrumb-button{background:none;border:none;color:#a1a1aa;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:.9rem;transition:all .2s}.breadcrumb-button:hover{background:#404040;color:#f4f4f5}.breadcrumb-nav svg{width:16px;height:16px;color:#059669}.file-list{max-height:300px;overflow-y:auto;border:1px solid #404040;border-radius:6px;background:#262626}.file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #404040;transition:background-color .2s}.file-item:last-child{border-bottom:none}.file-item:hover{background:#333}.file-button{background:none;border:none;color:#f4f4f5;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.9rem;padding:4px;border-radius:4px;transition:all .2s;flex:1;text-align:left}.file-button:hover{background:#404040}.file-info{display:flex;align-items:center;gap:8px;color:#f4f4f5;font-size:.9rem;flex:1}.file-item svg{width:16px;height:16px;color:#059669}.folder-item svg{color:#fbbf24}.add-button{background:#059669;border:none;color:#fff;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.add-button:hover{background:#047857}.add-button svg{width:14px;height:14px;color:#fff}.empty-folder{padding:20px;text-align:center;color:#a1a1aa;font-style:italic}.selected-content-section{margin-top:20px;padding:16px;background:#262626;border:1px solid #404040;border-radius:8px}.selected-content-section label{display:block;margin-bottom:12px;color:#f4f4f5;font-weight:500;font-size:1rem}.selected-content-list{max-height:200px;overflow-y:auto}.selected-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1a1a1a;border:1px solid #404040;border-radius:6px;margin-bottom:8px;transition:border-color .2s}.selected-item:hover{border-color:#525252}.selected-item:last-child{margin-bottom:0}.selected-item-info{display:flex;align-items:center;gap:8px;flex:1}.selected-item-info span{color:#f4f4f5;font-size:.9rem;font-weight:500}.selected-item-info small{color:#a1a1aa;font-size:.8rem;margin-left:8px}.selected-item svg{width:16px;height:16px;color:#059669}.remove-button{background:#dc2626;border:none;color:#fff;padding:6px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.remove-button:hover{background:#b91c1c}.remove-button svg{width:14px;height:14px;color:#fff}.enhanced-ads-settings-modal .input-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-ads-settings-modal .input-group select:hover{border-color:#fff3;box-shadow:0 4px 8px #00000026}.enhanced-ads-settings-modal .input-group select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #05966926;background:linear-gradient(135deg,#ffffff1f,#ffffff14);transform:translateY(-1px)}.enhanced-ads-settings-modal .input-group select option{background:#1a1a1a;color:#f4f4f5;padding:8px 12px;border:none;font-size:.9rem}.enhanced-ads-settings-modal .input-group select option:hover{background:#059669;color:#fff}.enhanced-ads-settings-modal .input-group select option:checked{background:#059669;color:#fff;font-weight:600}@media (max-width: 768px){.channel-ads-settings-modal{max-width:95%}.file-browser-section{padding:12px}.file-list{max-height:250px}.selected-content-list{max-height:150px}.breadcrumb-nav{flex-wrap:wrap;gap:4px}.breadcrumb-button{font-size:.8rem;padding:3px 6px}.file-item{padding:8px}.selected-item{padding:6px 10px}.selected-item-info{flex-direction:column;align-items:flex-start;gap:4px}.selected-item-info small{margin-left:0}}.global-settings-info{background:#252525;border:1px solid #444;border-radius:8px;padding:16px;margin-bottom:20px}.global-settings-info .info-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#3b82f6;font-weight:500;font-size:14px}.global-settings-info .info-header svg{width:18px;height:18px}.global-settings-info p{color:#b3b3b3;font-size:13px;line-height:1.4;margin:0 0 16px}.current-global-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.setting-display{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#1a1a1a;border:1px solid #333;border-radius:6px;font-size:13px}.setting-display span{color:#b3b3b3}.setting-display strong{color:#e5e5e5;font-weight:500}@media (max-width: 600px){.current-global-settings{grid-template-columns:1fr}}.api-key-input-container{position:relative;display:flex;align-items:center;width:100%}.api-key-input{width:100%;padding:10px 40px 10px 12px;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f4f4f5;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a;box-sizing:border-box}.api-key-input:not(:disabled):hover{border-color:#fff3;box-shadow:0 4px 8px #00000026}.api-key-input:not(:disabled):focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #05966926;background:linear-gradient(135deg,#ffffff1f,#ffffff14);transform:translateY(-1px)}.api-key-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#a1a1aa;cursor:pointer;padding:6px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.api-key-toggle-btn:hover{background:#ffffff1a;color:#f4f4f5;transform:translateY(-50%) scale(1.05)}.api-key-toggle-btn:active{transform:translateY(-50%) scale(.95)}.api-key-toggle-btn svg{width:16px;height:16px}.compact-ads-settings-modal .error-message,.enhanced-ads-settings-modal .error-message{color:#ef4444!important;font-size:.8rem!important;margin:2px 0 0!important;padding:0!important;background:none!important;border:none!important;border-radius:0!important;display:block!important;align-items:unset!important;gap:0!important;position:absolute!important;top:100%!important;left:0!important}.compact-ads-settings-modal .error-message:before,.enhanced-ads-settings-modal .error-message:before{content:none!important}.input-group-channel input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.input-group-channel input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.compact-ads-settings-modal .input-group-channel,.enhanced-ads-settings-modal .input-group-channel{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;margin-bottom:20px!important}.compact-ads-settings-modal .input-group-channel .label-input-container,.enhanced-ads-settings-modal .input-group-channel .label-input-container{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;width:100%!important}.compact-ads-settings-modal .input-group-channel .input-container,.enhanced-ads-settings-modal .input-group-channel .input-container{position:relative!important;flex:1!important}.compact-ads-settings-modal .input-group-channel label,.enhanced-ads-settings-modal .input-group-channel label{margin-bottom:0!important;min-width:120px!important;flex-shrink:0!important}.compact-ads-settings-modal .input-group-channel input,.enhanced-ads-settings-modal .input-group-channel input{flex:1!important}.channel-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.channel-edit-modal{background:#1a1a1a;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:modalSlideIn .3s ease-out;border:1px solid rgba(255,255,255,.12)}.channel-edit-modal .channel-edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #333;background:#222}.channel-edit-modal .channel-edit-modal-header h3{margin:0;color:#e8f2ff;font-size:1.1rem;font-weight:600}.channel-edit-modal .channel-edit-modal-header .close-button{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.channel-edit-modal .channel-edit-modal-header .close-button:hover{background:#ffffff1a;color:#fff}.channel-edit-modal .channel-edit-modal-body{padding:16px 20px;overflow-y:auto;max-height:calc(90vh - 140px)}.channel-edit-modal .channel-edit-modal-body .port-error-alert{margin-bottom:16px;padding:12px 16px;background:#dc262626;border:1px solid rgba(220,38,38,.4);border-radius:8px;animation:errorSlideIn .3s ease-out}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content{display:flex;align-items:flex-start;gap:12px}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content .port-error-icon{flex-shrink:0;font-size:1.2rem;color:#dc2626;margin-top:2px}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content .port-error-details{flex:1;display:flex;flex-direction:column;gap:8px}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content .port-error-details .port-error-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content .port-error-details .port-error-item .port-error-message{color:#fca5a5;font-size:.85rem;font-weight:500;flex:1}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content .port-error-details .port-error-item .port-error-suggest-btn{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content .port-error-details .port-error-item .port-error-suggest-btn:hover{background:#b91c1c;transform:translateY(-1px)}.channel-edit-modal .channel-edit-modal-body .port-error-alert .port-error-content .port-error-details .port-error-item .port-error-suggest-btn:active{transform:translateY(0)}.channel-edit-modal .channel-edit-modal-body .form-group{margin-bottom:8px}.channel-edit-modal .channel-edit-modal-body .form-group label{display:block;margin-bottom:4px;color:#e8f2ff;font-size:.8rem;font-weight:500}.channel-edit-modal .channel-edit-modal-body .form-group input,.channel-edit-modal .channel-edit-modal-body .form-group select{width:100%;padding:8px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#e8f2ff;font-size:.85rem;transition:all .2s ease}.channel-edit-modal .channel-edit-modal-body .form-group input:focus,.channel-edit-modal .channel-edit-modal-body .form-group select:focus{outline:none;border-color:#3b82f6;background:#ffffff14}.channel-edit-modal .channel-edit-modal-body .form-group input::placeholder,.channel-edit-modal .channel-edit-modal-body .form-group select::placeholder{color:#666}.channel-edit-modal .channel-edit-modal-body .form-group input[type=number]{-moz-appearance:textfield}.channel-edit-modal .channel-edit-modal-body .form-group input[type=number]::-webkit-outer-spin-button,.channel-edit-modal .channel-edit-modal-body .form-group input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section{margin-bottom:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header{margin-bottom:8px;background:transparent}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header .channel-edit-toggle-container{display:flex;align-items:center;justify-content:space-between;color:#e8f2ff;font-size:.85rem;font-weight:500}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header .channel-edit-toggle-container .channel-edit-toggle-switch{position:relative;display:inline-block;width:36px;height:18px;cursor:pointer;flex-shrink:0}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header .channel-edit-toggle-container .channel-edit-toggle-switch input{opacity:0;width:0;height:0}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header .channel-edit-toggle-container .channel-edit-toggle-switch .channel-edit-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#404040;transition:.2s;border-radius:18px}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header .channel-edit-toggle-container .channel-edit-toggle-switch .channel-edit-toggle-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header .channel-edit-toggle-container .channel-edit-toggle-switch input:checked+.channel-edit-toggle-slider{background-color:#3b82f6}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-header .channel-edit-toggle-container .channel-edit-toggle-switch input:checked+.channel-edit-toggle-slider:before{transform:translate(18px)}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-form-row{display:grid;grid-template-columns:1fr 100px;gap:8px;margin-bottom:8px}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-form-row .channel-edit-input-group label{display:block;margin-bottom:4px;color:#e8f2ff;font-size:.75rem;font-weight:500;white-space:nowrap}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-form-row .channel-edit-input-group input{width:100%;padding:6px 8px;font-size:.8rem}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group label{display:block;margin-bottom:4px;color:#e8f2ff;font-size:.75rem;font-weight:500}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group select{width:100%;padding:6px 8px;font-size:.8rem}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group .port-input-container{position:relative}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group .port-input-container input.error{border-color:#dc2626;background:#dc26261a}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group .port-input-container .port-validation-error{display:flex;align-items:center;gap:6px;margin-top:4px;padding:6px 8px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:4px;font-size:.7rem;color:#fca5a5}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group .port-input-container .port-validation-error .error-icon{flex-shrink:0;font-size:.8rem;color:#dc2626}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group .port-input-container .port-validation-error span{flex:1;line-height:1.2}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group .port-input-container .port-validation-error .suggest-port-btn{background:#dc2626;color:#fff;border:none;padding:2px 6px;border-radius:3px;font-size:.65rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.channel-edit-modal .channel-edit-modal-body .channel-edit-form-section .channel-edit-section-content .channel-edit-input-group .port-input-container .port-validation-error .suggest-port-btn:hover{background:#b91c1c}.channel-edit-modal .channel-edit-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #333;background:#222}.channel-edit-modal .channel-edit-modal-footer button{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.channel-edit-modal .channel-edit-modal-footer button:disabled{opacity:.6;cursor:not-allowed}.channel-edit-modal .channel-edit-modal-footer button.cancel-button{background:#ffffff14;color:#e8f2ff;border:1px solid rgba(255,255,255,.12)}.channel-edit-modal .channel-edit-modal-footer button.cancel-button:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.channel-edit-modal .channel-edit-modal-footer button.save-button{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.channel-edit-modal .channel-edit-modal-footer button.save-button:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.channel-edit-modal .channel-edit-modal-footer button.save-button .loading-spinner{width:16px!important;height:16px!important;border:2px solid transparent!important;border-top-color:#fff!important;margin:0!important}@keyframes errorSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.enhanced-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.enhanced-output-modal{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:95%;max-width:850px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:modalSlideIn .3s ease-out}.enhanced-output-modal .enhanced-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #333;background:#222}.enhanced-output-modal .enhanced-modal-header .header-title{display:flex;align-items:center;gap:12px}.enhanced-output-modal .enhanced-modal-header .header-title .header-icon{color:#5cb4ff;font-size:1.5rem}.enhanced-output-modal .enhanced-modal-header .header-title h2{margin:0;color:#e8f2ff;font-size:1.3rem;font-weight:600}.enhanced-output-modal .enhanced-modal-header .close-button{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.enhanced-output-modal .enhanced-modal-header .close-button:hover{background:#ffffff1a;color:#fff}.enhanced-output-modal .enhanced-modal-body{padding:20px;overflow-y:auto;max-height:calc(90vh - 180px)}.enhanced-output-modal .enhanced-modal-body .action-bar1{margin-bottom:0}.enhanced-output-modal .enhanced-modal-body .action-bar1 .create-channel-button{background:#5cb4ff;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.enhanced-output-modal .enhanced-modal-body .action-bar1 .create-channel-button:hover{background:#4a9eff}.enhanced-output-modal .enhanced-modal-body .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#e8f2ff}.enhanced-output-modal .enhanced-modal-body .loading-container .loading-spinner{width:32px;height:32px;border:2px solid #333;border-top:2px solid #5cb4ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.enhanced-output-modal .enhanced-modal-body .loading-container p{margin:0;font-size:.9rem}.enhanced-output-modal .enhanced-modal-body .empty-state{text-align:center;padding:40px;color:#e8f2ff}.enhanced-output-modal .enhanced-modal-body .empty-state .empty-icon{font-size:3rem;color:#666;margin-bottom:16px}.enhanced-output-modal .enhanced-modal-body .empty-state h3{margin:0 0 12px;font-size:1.2rem;font-weight:600}.enhanced-output-modal .enhanced-modal-body .empty-state p{margin:0 0 24px;color:#aaa;font-size:.9rem;line-height:1.5}.enhanced-output-modal .enhanced-modal-body .empty-state .create-first-channel-btn{background:#5cb4ff;color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.enhanced-output-modal .enhanced-modal-body .empty-state .create-first-channel-btn:hover{background:#4a9eff}.enhanced-output-modal .enhanced-modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:20px 24px;border-top:1px solid #333;background:#222}.enhanced-output-modal .enhanced-modal-footer .footer-actions{display:flex;gap:12px}.enhanced-output-modal .enhanced-modal-footer .footer-actions button{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;border:none}.enhanced-output-modal .enhanced-modal-footer .footer-actions button.close-button{background:#ffffff14;color:#e8f2ff;border:1px solid rgba(255,255,255,.12);padding:12px 40px;font-size:.9rem;font-weight:500;border-radius:8px;transition:all .2s ease}.enhanced-output-modal .enhanced-modal-footer .footer-actions button.close-button:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.enhanced-output-modal .enhanced-modal-footer .footer-actions button.close-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.eos-compact .eos-compact-list{display:flex;flex-direction:column;gap:4px;padding:8px 4px}.eos-compact .eos-compact-channel{background:#ffffff08;border:1px solid rgba(92,180,255,.08);border-radius:8px;padding:0;display:flex;flex-direction:column;gap:6px}.eos-compact .eos-compact-row{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:16px;padding:8px;border:1px solid #333;border-radius:8px;background:#1a1a1a}.eos-compact .eos-compact-left{display:flex;align-items:center;justify-content:flex-start;min-width:0}.eos-compact .eos-compact-left .eos-compact-name{color:#e8f2ff;font-weight:600;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eos-compact .eos-compact-center{display:flex;align-items:center;justify-content:center}.eos-compact .eos-compact-center .eos-outputs-row{display:flex;gap:8px;align-items:center}.eos-compact .eos-compact-center .eos-output-copy-btn{background:#2a2a2a;border:1px solid #444;color:#fff;padding:8px 12px;border-radius:4px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center}.eos-compact .eos-compact-center .eos-output-copy-btn:hover:not(:disabled){background:#3a3a3a;border-color:#555}.eos-compact .eos-compact-center .eos-output-copy-btn:disabled{background:#1a1a1a;border-color:#333;color:#666;cursor:not-allowed;opacity:.6}.eos-compact .eos-compact-right{display:flex;align-items:center;justify-content:flex-end}.eos-compact .eos-compact-right .eos-actions{display:flex;gap:6px;align-items:center}.eos-compact .eos-compact-right .eos-compact-icon-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e8f2ff;border-radius:4px;padding:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.eos-compact .eos-compact-right .eos-compact-icon-btn:hover{background:#ffffff1f;border-color:#fff3}.eos-compact .eos-compact-right .eos-compact-icon-btn.danger{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.eos-compact .eos-compact-right .eos-compact-icon-btn.danger:hover{background:#ef444440;border-color:#ef444466}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.delete-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:deleteModalSlideIn .3s ease-out}.delete-modal-content .delete-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#222}.delete-modal-content .delete-modal-header h2{margin:0;color:#e8f2ff;font-size:1.2rem;font-weight:600}.delete-modal-content .delete-modal-header .close-button{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.delete-modal-content .delete-modal-header .close-button:hover{background:#ffffff1a;color:#fff}.delete-modal-content .delete-modal-body{padding:24px 18px}.delete-modal-content .delete-modal-body .delete-modal-message{color:#e8f2ff;font-size:.9rem;line-height:1.5}.delete-modal-content .delete-modal-footer{padding:20px 24px;border-top:1px solid #333;background:#222;display:flex;gap:12px;justify-content:flex-end}.delete-modal-content .delete-modal-footer .cancel-button{padding:10px 20px;background:#ffffff14;color:#e8f2ff;border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-modal-content .delete-modal-footer .cancel-button:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.delete-modal-content .delete-modal-footer .delete-button{padding:10px 20px;background:#ef4444;color:#fff;border:1px solid #ef4444;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex}.delete-modal-content .delete-modal-footer .delete-button:hover:not(:disabled){background:#dc2626;border-color:#dc2626}.delete-modal-content .delete-modal-footer .cancel-button:disabled,.delete-modal-content .delete-modal-footer .delete-button:disabled{opacity:.6;cursor:not-allowed}.delete-modal-content .delete-modal-footer .delete-loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}@keyframes deleteModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.schedulers-table-container{border-radius:8px;overflow-x:auto;overflow-y:auto;background-color:var(--color-bg-secondary);box-shadow:0 4px 8px #0003;margin-top:.5rem;border:1px solid var(--color-border-primary);transition:all var(--transition-medium);font-family:Roboto,system-ui,sans-serif;scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-tertiary);-webkit-overflow-scrolling:touch;width:100%;position:relative;height:calc(100vh - 268px);max-height:calc(100vh - 268px)}.schedulers-table-container:after{content:"";position:absolute;top:50%;right:10px;width:30px;height:50px;opacity:0;z-index:20}.truncate-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-tooltip-bg{background-color:#000;color:#fff;font-size:14px;padding:8px}.schedulers-table-container:not(:hover):not([data-scrolled=true]):after{opacity:1}@keyframes pulse-opacity{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}.scheduler-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;margin:0;transition:all .2s ease;min-height:0}.scheduler-table-header{background-color:var(--color-bg-tertiary);position:sticky;top:0;z-index:10;white-space:nowrap;box-shadow:0 2px 4px #0000001a;width:100%}.scheduler-table-header-cell{color:var(--color-text-primary);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;padding:.75rem 1.25rem;text-align:center;position:relative;height:48px;font-family:Roboto,system-ui,sans-serif}.scheduler-table-header-cell:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#2196f300,#2196f34d,#2196f300);transform:scaleX(0);transition:transform var(--transition-medium)}.scheduler-table-header-cell:hover:after{transform:scaleX(1)}.scheduler-table-body{background-color:transparent}.scheduler-table-row{transition:all var(--transition-fast);height:60px;white-space:nowrap}.scheduler-table-row:last-child{border-bottom:none}.scheduler-table-row:hover{background-color:#2196f30d;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.scheduler-table-cell{padding:0;color:var(--color-text-primary);font-size:1rem;vertical-align:middle;height:60px;text-align:center;font-family:Roboto,system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.03);max-width:0}.schedule-name-cell{display:flex;align-items:center;justify-content:center;gap:1px;transition:all var(--transition-fast)}.schedule-name-cell:hover .schedule-name{color:var(--color-text-primary);text-shadow:0 0 5px rgba(33,150,243,.4)}.schedule-name-cell:hover .schedule-icon{color:var(--color-primary-light)}.schedule-icon{color:var(--color-primary);font-size:1.6rem;min-width:1.6rem}.schedule-name{font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:1.1rem;text-align:left;letter-spacing:.3px;font-family:Roboto,system-ui,sans-serif}.schedule-date-cell{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.date-icon{color:orange;font-size:1.1rem;flex-shrink:0}.date-text{color:#aaa;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.schedule-output-cell{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.25rem}.output-badges{display:flex;flex-direction:column;gap:.25rem;width:100%;align-items:center}.output-badges-compact{display:flex;flex-direction:row;gap:.375rem;align-items:center;justify-content:center;flex-wrap:wrap}.output-badge-compact{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;border:1px solid transparent;position:relative;min-width:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.output-badge-compact:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.badge-icon{font-size:.8rem;flex-shrink:0}.badge-label{font-size:.65rem;font-weight:700;white-space:nowrap;transition:all .2s ease}.output-badge-compact.copied{animation:copied-pulse .3s ease-in-out;box-shadow:0 0 12px #22c55e80}.output-badge-compact.copied .badge-label{color:#22c55e!important;font-weight:800}@keyframes copied-pulse{0%{transform:scale(1);box-shadow:0 0 12px #22c55e80}50%{transform:scale(1.05);box-shadow:0 0 20px #22c55ecc}to{transform:scale(1);box-shadow:0 0 12px #22c55e80}}.status-indicator{width:4px;height:4px;border-radius:50%;flex-shrink:0;transition:all .2s ease}.rtp-badge-compact.enabled{background:#64ff961f;border-color:#64ff9659;color:#22c55e}.rtp-badge-compact.disabled{background:#6b72801a;border-color:#6b728033;color:#6b7280}.rtp-badge-compact.enabled:hover{background:#78ffaa2e;border-color:#78ffaa73;color:#16a34a}.rtp-badge-compact .status-indicator.active{background:#22c55e;box-shadow:0 0 6px #22c55eb3}.rtp-badge-compact .status-indicator.inactive{background:#9ca3af}.srt-badge-compact.enabled{background:#96c8ff1f;border-color:#96c8ff59;color:#3b82f6}.srt-badge-compact.disabled{background:#6b72801a;border-color:#6b728033;color:#6b7280}.srt-badge-compact.enabled:hover{background:#aadcff2e;border-color:#aadcff73;color:#2563eb}.srt-badge-compact .status-indicator.active{background:#60a5fa;box-shadow:0 0 6px #60a5fab3}.srt-badge-compact .status-indicator.inactive{background:#9ca3af}.hls-badge-compact.enabled{background:#ff96961f;border-color:#ff969659;color:#f87171}.hls-badge-compact.disabled{background:#6b72801a;border-color:#6b728033;color:#6b7280}.hls-badge-compact.enabled:hover{background:#ffaaaa2e;border-color:#ffaaaa73;color:#ef4444}.hls-badge-compact .status-indicator.active{background:#fca5a5;box-shadow:0 0 6px #fca5a5b3}.hls-badge-compact .status-indicator.inactive{background:#9ca3af}.status-indicator.active{animation:pulse-indicator 2s infinite}@keyframes pulse-indicator{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.output-badges-compact{gap:.25rem}.output-badge-compact{padding:.2rem .4rem;min-width:45px}.badge-label{font-size:.6rem}.badge-icon{font-size:.7rem}}@media (max-width: 480px){.output-badges-compact{flex-direction:column;gap:.2rem}.output-badge-compact{width:100%;justify-content:center;min-width:auto}}.output-badge{display:flex;align-items:center;justify-content:space-between;padding:.4rem .8rem;border-radius:14px;min-width:85px;width:100%;max-width:120px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;border:1px solid;position:relative;cursor:pointer}.output-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.output-badge-label{font-size:.75rem;font-weight:700;margin-right:.5rem;flex:1}.output-badge-actions{display:flex;align-items:center;gap:.25rem}.copy-url-button{background:#fff3;border:none;border-radius:4px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fffc;font-size:.7rem}.copy-url-button:hover{background:#ffffff4d;color:#fff;transform:scale(1.1)}.copy-url-button.disabled{opacity:.3;cursor:not-allowed}.copy-url-button.disabled:hover{background:#fff3;transform:none}.output-status-dot{width:6px;height:6px;border-radius:50%;margin-left:auto;transition:all .2s ease}.rtp-badge.enabled{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;color:#fff;box-shadow:0 2px 4px #4caf504d}.rtp-badge.disabled{background:linear-gradient(135deg,#666,#555);border-color:#555;color:#ccc}.rtp-badge .output-status-dot.active{background:#fff;box-shadow:0 0 4px #fff9}.rtp-badge .output-status-dot.inactive{background:#999}.srt-badge.enabled{background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#2196f3;color:#fff;box-shadow:0 2px 4px #2196f34d}.srt-badge.disabled{background:linear-gradient(135deg,#666,#555);border-color:#555;color:#ccc}.srt-badge .output-status-dot.active{background:#fff;box-shadow:0 0 4px #fff9}.srt-badge .output-status-dot.inactive{background:#999}.hls-badge.enabled{background:linear-gradient(135deg,#ff9800,#f57c00);border-color:#ff9800;color:#fff;box-shadow:0 2px 4px #ff98004d}.hls-badge.disabled{background:linear-gradient(135deg,#666,#555);border-color:#555;color:#ccc}.hls-badge .output-status-dot.active{background:#fff;box-shadow:0 0 4px #fff9}.hls-badge .output-status-dot.inactive{background:#999}.rtp-badge.enabled:hover{background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 4px 12px #4caf5066}.srt-badge.enabled:hover{background:linear-gradient(135deg,#1976d2,#2196f3);box-shadow:0 4px 12px #2196f366}.hls-badge.enabled:hover{background:linear-gradient(135deg,#f57c00,#ff9800);box-shadow:0 4px 12px #ff980066}.output-status-dot.active{animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{box-shadow:0 0 4px #fff9}50%{box-shadow:0 0 8px #ffffffe6}to{box-shadow:0 0 4px #fff9}}.output-badge-tooltip{background:#000!important;color:#fff!important;border:1px solid #333!important;border-radius:6px!important;font-size:.75rem!important;padding:.5rem .75rem!important;box-shadow:0 4px 12px #0006!important}.output-badge-tooltip .tooltip-arrow{background:#000!important;border-color:#333!important}.output-text{color:#aaa;font-size:.9rem;white-space:nowrap;max-width:100px;text-align:center;display:block}.schedule-current-item-cell,.schedule-next-item-cell{display:flex;flex-direction:column;gap:2px;text-align:center;padding:.5rem;width:100%;align-items:center}.item-name-row{font-weight:500;font-size:1.1rem;font-family:Roboto,system-ui,sans-serif;color:var(--color-text-primary);white-space:nowrap;max-width:220px;text-align:center;display:flex;justify-content:center;width:100%}.current-item-name,.next-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;display:inline-block;vertical-align:middle}.item-filename-row{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:.9em}.item-filename-label{color:var(--color-text-secondary);font-weight:500;font-family:Roboto,system-ui,sans-serif}.item-filename{color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;font-family:Roboto,system-ui,sans-serif}.item-duration-row{color:var(--color-text-secondary);font-size:.75em;margin-top:3px;font-family:Roboto,system-ui,sans-serif}.item-duration{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;font-family:Roboto Mono,monospace;letter-spacing:.5px}.item-remaining-time{color:var(--color-primary-light);font-size:.85rem;font-weight:600;font-family:Roboto Mono,monospace;letter-spacing:.5px;animation:pulse-text 1.5s infinite;text-shadow:0 0 5px rgba(100,181,246,.3)}.item-total-duration{color:var(--color-text-secondary);font-size:1.05rem;font-weight:500;font-family:Roboto Mono,monospace;letter-spacing:.5px}@keyframes pulse-text{0%{text-shadow:0 0 5px rgba(100,181,246,.3)}50%{text-shadow:0 0 12px rgba(100,181,246,.8),0 0 20px rgba(100,181,246,.4)}to{text-shadow:0 0 5px rgba(100,181,246,.3)}}.schedule-no-item-cell{display:flex;align-items:center;justify-content:center;width:100%}.no-item-text{color:#666;font-size:.9rem;font-style:italic;text-align:center}.schedule-network-cell{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.network-icon{color:#2196f3;font-size:1.6rem;flex-shrink:0}.network-text{color:#bbb;font-size:.95rem;font-weight:500;letter-spacing:.3px;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;max-width:90px;display:block}.schedule-network-cell:hover .network-text{color:#fff;text-shadow:0 0 5px rgba(33,150,243,.4)}.schedule-links-cell{display:flex;align-items:center;justify-content:center}.links-container{display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;width:100%;flex-wrap:wrap}.epg-button{display:flex;align-items:center;justify-content:center;gap:8px;background:#151515a3;border:1px solid #4d4d4d;padding:2px 8px;color:#f4f4f5;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;letter-spacing:.5px;height:36px;border-radius:6px;min-width:72px;max-width:96px;width:100%;outline:none}.epg-button:hover{border-color:#8b8b8b;transform:translateY(-1px);box-shadow:0 2px 8px #0003}.epg-button svg{flex:0 0 16px}.epg-button-icon{color:#f4f4f5;font-size:1rem}.schedule-actions-cell{display:flex;align-items:center;justify-content:center;gap:8px;right:0;z-index:5;padding:.5rem 1rem}.action-button{display:flex;align-items:center;justify-content:center;background-color:#ffffff14;border:1px solid rgba(255,255,255,.3);border-radius:6px;color:var(--color-text-primary);transition:all var(--transition-fast);padding:.5rem;cursor:pointer;width:36px;height:32px;font-size:1.4rem;font-weight:500;letter-spacing:.2px;position:relative;z-index:1;box-shadow:0 1px 3px #0003}.edit-button{color:var(--color-primary);border-color:#2196f380;background-color:#2196f31a}.edit-button:hover{transform:translateY(-2px) scale(1.1);color:var(--color-primary);filter:drop-shadow(0 0 5px rgba(33,150,243,.6));border-color:var(--color-primary);background-color:#2196f333}.delete-button{color:var(--color-danger);border-color:#f4433680}.preview-button:hover{transform:translateY(-2px) scale(1.1);color:var(--color-danger);filter:drop-shadow(0 0 5px rgba(14,170,48,.6));border-color:var(--color-danger);background-color:#f4433633}.delete-button:hover{transform:translateY(-2px) scale(1.1);color:var(--color-danger);filter:drop-shadow(0 0 5px rgba(244,67,54,.6));border-color:var(--color-danger);background-color:#f4433633}.action-icon{width:1.4rem;height:1.4rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.empty-icon{font-size:3rem;color:#444;margin-bottom:1rem}.empty-text{color:#aaa;font-size:1.1rem;margin-bottom:1.5rem}.sync-status{display:flex;align-items:center;gap:.5rem;justify-content:center}.sync-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;min-width:10px;min-height:10px;display:block}.sync-dot.synced{background-color:var(--color-success);box-shadow:0 0 5px var(--color-success);animation:pulse 1.5s infinite}.sync-dot.unsynced{background-color:var(--color-warning)}.sync-dot.inactive{background-color:var(--color-danger)}.sync-text{font-weight:600;font-family:Roboto,system-ui,sans-serif;font-size:.9rem}.sync-text.synced{color:var(--color-success)}.sync-text.unsynced{color:var(--color-warning)}.sync-text.inactive{color:var(--color-danger)}@keyframes pulse{0%{box-shadow:0 0 #4caf50b3}70%{box-shadow:0 0 0 5px #4caf5000}to{box-shadow:0 0 #4caf5000}}@keyframes pulse-text{0%{text-shadow:0 0 0 rgba(33,150,243,0)}50%{text-shadow:0 0 8px rgba(33,150,243,.7)}to{text-shadow:0 0 0 rgba(33,150,243,0)}}.schedulers-pagination-container{display:flex;align-items:center;justify-content:center;margin-top:2rem;gap:.5rem;position:relative;z-index:5;padding-bottom:.25rem;height:40px}.pagination-button{background-color:var(--color-bg-secondary);border:none;border-radius:8px;padding:.5rem;color:var(--color-text-primary);font-size:.9rem;transition:all var(--transition-fast);min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:Roboto,system-ui,sans-serif}.pagination-button:hover:not(.pagination-button-active){background-color:var(--color-bg-tertiary);box-shadow:0 0 5px #2196f380;transform:translateY(-2px)}.pagination-button-active{background-color:var(--color-primary);color:#fff;box-shadow:0 0 8px #2196f3b3}.pagination-info{color:var(--color-text-secondary);font-size:.9rem;margin:0 1rem;font-family:Roboto,system-ui,sans-serif}.schedulers-table-container::-webkit-scrollbar{height:12px;background-color:#0003;border-radius:0 0 12px 12px}.schedulers-table-container::-webkit-scrollbar-track{background-color:#0003;border-radius:0 0 12px 12px;border-top:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 5px #0000001a}.schedulers-table-container::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:6px;border:3px solid rgba(0,0,0,.2);background-clip:padding-box;min-width:60px;box-shadow:0 0 5px #2196f380}.schedulers-table-container::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-light);box-shadow:0 0 8px #2196f3b3}.schedulers-table-container::-webkit-scrollbar-button{display:none}.schedulers-table-container{scrollbar-width:thin;scrollbar-color:var(--color-primary) rgba(0,0,0,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.preview-modal-content{width:80%;max-width:720px;background-color:#1e1e1e;border-radius:8px;overflow:hidden;position:relative}.preview-content{position:relative;width:100%;padding-top:56.25%}.player-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000c;z-index:60}.loading-text{margin-top:1px;color:#fff;font-size:16px;justify-content:center;align-items:center}.error-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#1e1e1e}.error-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;max-width:80%}.error-icon{font-size:48px;color:#f44336;margin-bottom:16px}.close-icon{color:#fff;font-size:24px}.schedulers-page{max-width:1600px;margin:0 auto;padding:1.5rem;animation:fadeIn .5s ease;height:calc(100vh - 6rem);overflow:hidden;box-sizing:border-box}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #333;position:relative}.header:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,#2196f300,#2196f34d,#2196f300)}.header h1{font-size:2rem;font-weight:600;color:#fff;margin:0;position:relative;display:inline-block}.header h1:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#2196f3,orange);border-radius:3px}.create-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.create-button:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0003;background:linear-gradient(135deg,#1976d2,#2196f3)}.schedulers-content{height:calc(100vh - 155px);display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;background-color:transparent;border-radius:8px;padding-bottom:.25rem}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;color:#aaa;font-size:1.2rem;padding:0 .5rem}@media (max-width: 768px){.schedulers-page{padding:1rem}.header{flex-direction:column;align-items:flex-start;gap:1rem}.header h1{font-size:1.5rem}.create-button{width:100%;justify-content:center;padding:.875rem 1.5rem}.schedulers-content{min-height:calc(100vh - 200px)}}@media (max-width: 480px){.schedulers-page{padding:.75rem}.header{margin-bottom:1rem;padding-bottom:.75rem}.header h1{font-size:1.25rem}.create-button{font-size:.9rem;padding:.75rem 1.25rem}.button-icon{font-size:1rem}}.dropdown-item .text-small{font-size:.9rem;color:#aaa;line-height:22px}.toggle-switch-container{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.toggle-switch-checkbox{height:0;width:0;visibility:hidden;position:absolute}.toggle-switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:40px;height:20px;margin-top:6px;background:#ddd;border-radius:100px;position:relative;transition:background-color .2s}.label-text{font-weight:700}.toggle-switch-label .toggle-switch-inner{width:100%;height:100%;border-radius:100px;transition:.3s}.toggle-switch-label .toggle-switch-switch{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:45px;transition:.3s;background:#fff;box-shadow:0 0 2px #0a0a0a4a}.toggle-switch-checkbox:checked+.toggle-switch-label{background:var(--color-primary, #2196f3)}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{left:calc(100% - 2px);transform:translate(-100%)}.toggle-switch-label:active .toggle-switch-switch{width:25px}.toggle-switch-text{margin-left:10px;font-size:14px;font-weight:500}.toggle-switch-label{overflow:hidden}.toggle-switch-label:before{content:"";position:absolute;width:100%;height:100%;background:#ffffff1a;border-radius:100px;transform:scale(0);transition:.3s}.toggle-switch-label:hover:before{transform:scale(1)}.toggle-switch-switch{box-shadow:0 2px 5px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch{transform:translate(-100%);box-shadow:0 2px 5px #00000080}@keyframes ripple{0%{transform:scale(1);opacity:.4}to{transform:scale(2.5);opacity:0}}.toggle-switch-label:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff1a;border-radius:100px;opacity:0}.toggle-switch-checkbox:checked+.toggle-switch-label:after{animation:ripple .6s ease-out}.export-guide-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.export-guide-modal-content{background:#1a1a1a;border:1px solid #333;border-radius:12px;width:90%;max-width:500px;overflow:hidden;box-shadow:0 20px 40px #00000080;animation:exportGuideModalSlideIn .3s ease-out}.export-guide-modal-content .export-guide-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:#222}.export-guide-modal-content .export-guide-modal-header h2{margin:0;color:#e8f2ff;font-size:1.2rem;font-weight:600}.export-guide-modal-content .export-guide-modal-header .close-button{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.export-guide-modal-content .export-guide-modal-header .close-button:hover{background:#ffffff1a;color:#fff}.export-guide-modal-content .export-guide-modal-body{padding:24px 18px}.export-guide-modal-content .export-guide-modal-body .input-group-channel{margin-bottom:0}.export-guide-modal-content .export-guide-modal-body .input-group-channel .input-label{color:#e8f2ff;font-size:.9rem;font-weight:500}.export-guide-modal-content .export-guide-modal-body .input-group-channel .input-field .input-wrapper select{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#e8f2ff;font-size:.9rem;padding:12px 16px;width:100%;height:40px;cursor:pointer;transition:all .2s ease}.export-guide-modal-content .export-guide-modal-body .input-group-channel .input-field .input-wrapper select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.export-guide-modal-content .export-guide-modal-body .input-group-channel .input-field .input-wrapper select:hover{border-color:#fff3}.export-guide-modal-content .export-guide-modal-body .input-group-channel .input-field .input-wrapper select option{background:#1a1a1a;color:#e8f2ff}.export-guide-modal-content .export-guide-modal-body .input-group-channel .input-field .input-wrapper select.text-gray-500{color:#666}.export-guide-modal-content .export-guide-modal-footer{padding:20px 24px;border-top:1px solid #333;background:#222;display:flex;gap:12px;justify-content:flex-end}.export-guide-modal-content .export-guide-modal-footer .modal-button{padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center}.export-guide-modal-content .export-guide-modal-footer .modal-button.cancel-button{background:#ffffff14;color:#e8f2ff;border:1px solid rgba(255,255,255,.12)}.export-guide-modal-content .export-guide-modal-footer .modal-button.cancel-button:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.export-guide-modal-content .export-guide-modal-footer .modal-button.cancel-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.export-guide-modal-content .export-guide-modal-footer .modal-button.confirm-button{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.export-guide-modal-content .export-guide-modal-footer .modal-button.confirm-button:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.export-guide-modal-content .export-guide-modal-footer .modal-button.confirm-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.export-guide-modal-content .export-guide-modal-footer .modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@keyframes exportGuideModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ads-modal{max-width:600px;width:90vw;max-height:80vh;background:#1a1a1a;border:1px solid #333;border-radius:8px;box-shadow:0 8px 24px #0000004d;display:flex;flex-direction:column;overflow:hidden}.ads-file-modal-body{margin-top:8px;margin-bottom:8px;height:310px;display:flex;flex-direction:column}.content-source-content{padding:12px;min-height:570px}.ads-filler-body{display:flex;flex-direction:column;height:100%}.folder-content__ads-settings{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;border:1px solid #374151;border-radius:.5rem}.folder-content{overflow-y:auto;overflow-x:hidden;padding:8px 0;border:1px solid #374151;border-radius:.5rem}.ads-info-message{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:"#666";text-align:center}.header-text h2{margin:0;font-size:20px;font-weight:600;color:#fff}.header-text p{margin:4px 0 0;color:#fff9;font-size:13px}.close-button{background:transparent;border:1px solid #404040;color:#a1a1aa;cursor:pointer;padding:6px;border-radius:4px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#2a2a2a;color:#f4f4f5}.modal-body{padding:24px 20px 20px;flex:1;overflow-y:auto}.settings-container{background:#0a0a0a;border:1px solid #333;border-radius:6px;padding:16px;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important;gap:16px;width:100%;box-sizing:border-box}.setting-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;background:#1a1a1a;border:1px solid #333;border-radius:6px;transition:opacity .2s ease;min-height:100px;box-sizing:border-box;width:100%;text-align:center}.setting-item.disabled{opacity:.5;pointer-events:none}.setting-info{margin-bottom:12px;text-align:center}.setting-info h3{margin:0;font-size:16px;font-weight:500;color:#fff}.setting-info p{margin:4px 0 0;font-size:12px;color:#ffffff80}.toggle{display:flex;align-items:center;cursor:pointer}.toggle input{display:none}.toggle-slider{width:48px;height:24px;border-radius:12px;background:#333;position:relative;transition:background .3s ease}.toggle-slider:before{content:"";width:20px;height:20px;border-radius:10px;background:#fff;position:absolute;top:2px;left:2px;transition:all .3s ease}.toggle input:checked+.toggle-slider{background:#10b981}.toggle input:checked+.toggle-slider:before{transform:translate(24px);background:#fff}.number-input{display:flex;justify-content:center}.number-input input{width:80px;padding:8px 12px;background:#333;border:1px solid #555;border-radius:4px;color:#fff;font-size:14px;text-align:center}.number-input input:focus{outline:none;border-color:#667eea}.number-input input:disabled{opacity:.5;cursor:not-allowed}.modal-footer{padding:16px 20px 20px;display:flex;justify-content:flex-end;gap:12px;border-top:1px solid #333}.cancel-button,.save-button{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.cancel-button{background:transparent;border:1px solid #404040;color:#ffffffb3}.cancel-button:hover:not(:disabled){background:#2a2a2a;color:#fff}.save-button{color:#fff}.save-button:disabled,.cancel-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 600px){.ads-modal{margin:20px;width:calc(100vw - 40px)}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.settings-container{grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important}}.folder-item{display:flex;flex-direction:column;gap:5px;height:100%;overflow:hidden;padding:10px;align-items:start}.folder-item-row{display:flex;align-items:center;gap:5px;text-wrap:nowrap;overflow:hidden}.epg-files .inline-flex{margin-bottom:10px}.epg-files .inline-flex button[aria-selected=true]{color:#2196f3;font-weight:600;background-color:#646cff1a;box-shadow:0 0 0 1px #646cff33;border-color:var(--color-primary)}.epg-files .inline-flex button[aria-selected=false]:hover{color:#fff}.select-folder.disabled,.select-folder.disabled .file-duration{color:gray}.loading-overlay{z-index:1001}.guide-section{position:absolute;left:0;top:0;height:100%;width:850px;z-index:20;display:flex;flex-direction:column;background:#1a1a1a;border-left:2px solid #2a2a2a;padding:16px;box-shadow:0 0 20px #00000080;animation:slideIn .3s ease-out;font-family:Roboto,system-ui,sans-serif}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.guide-overflow{position:fixed;top:0;left:0;width:100vw;height:100%;background:#121212cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;animation:fadeIn .3s ease-out}.guide-empty{width:100%;height:100%;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;animation:fadeIn .5s ease-out}.guide-empty p{font-size:1.1rem;color:#e0e0e0;text-align:center}.guide-empty button{height:40px;padding:.5rem 2rem;border:1px solid #333;border-radius:6px;background-color:#2a2a2a;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 5px #0003}.guide-empty button:hover{background-color:#2196f3;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}.guide-days{display:flex;justify-content:space-between;gap:8px;width:100%;margin-bottom:16px;animation:fadeInDown .4s ease-out}@keyframes fadeInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.guide-day{display:flex;flex-direction:column;padding:.6rem .4rem;width:100%;justify-content:center;align-items:center;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#1a1a1acc}.guide-day:hover{border:1px solid #2196f3;background-color:#2196f31a;transform:translateY(-2px);box-shadow:0 3px 6px #0003}.guide-day.has-elements{background-color:#2196f326;border-color:#2196f34d}.guide-change-week{width:50px;display:flex;justify-content:center;align-items:center}.guide-change-week.disabled{color:#666}.guide-change-week.disabled:hover{cursor:default;border:1px solid #2a2a2a;background-color:#1a1a1acc;transform:none}.guide-reload{width:50px;display:flex;justify-content:center;align-items:center}.guide-reload:hover svg{animation:spin 1s ease}.guide-details{height:calc(100% - 60px);overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:12px 8px;scrollbar-width:thin;scrollbar-color:#2196f3 #1a1a1a;animation:fadeIn .5s ease-out}.guide-details::-webkit-scrollbar{width:6px}.guide-details::-webkit-scrollbar-track{background:#1a1a1a;border-radius:10px}.guide-details::-webkit-scrollbar-thumb{background-color:#2196f3;border-radius:10px}.guide-element{display:flex;gap:12px;padding:12px;border-radius:8px;background-color:#1a1a1acc;border:1px solid #2a2a2a;transition:all .2s ease;animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.guide-element:hover{border-color:#2196f3;box-shadow:0 3px 10px #0003;transform:translateY(-2px)}.guide-element.visible{transition:opacity .4s ease-out,transform .3s ease-out}.guide-time{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.9rem;padding-top:2px;min-width:80px;color:#e0e0e0}.guide-time span{cursor:pointer;color:#2196f3;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.guide-time .time-display{width:auto;height:auto;font-family:Courier New,Consolas,monospace;font-weight:600;color:#e0e0e0}.guide-time .preview-button,.guide-time .change-button{background-color:#2196f31a;border:1px solid transparent}.guide-time .icon-block{display:flex;align-items:center;gap:8px}.guide-time span:hover{background-color:#2196f333;transform:scale(1.1);box-shadow:0 0 8px #2196f380}.guide-time span svg{width:24px;height:24px;transition:all .2s ease}.guide-time span:hover svg{color:#64b5f6}.play-icon,.change-icon{width:24px!important;height:24px!important;color:#2196f3}.guide-info{display:flex;flex-direction:column;gap:8px;width:calc(100% - 100px);overflow:hidden}.guide-info p{margin:0;color:#e0e0e0;font-size:1rem;line-height:1.4;overflow-wrap:break-word;word-break:break-word}.element-title{font-family:Courier New,Consolas,monospace;font-weight:600;font-size:1.05rem!important;color:#fff!important;margin-bottom:4px!important;transition:color .2s ease}.guide-element:hover .element-title{color:#2196f3!important}.guide-description{font-size:.9rem;color:#9e9e9e;line-height:1.4;max-height:100px;overflow-y:auto}.guide-episode{font-size:.9rem;color:#9e9e9e;display:flex;align-items:center;gap:5px}.guide-episode span{color:#e0e0e0;font-weight:700}.info-message{background-color:#2196f31a;border-left:3px solid #2196f3;padding:10px 12px;border-radius:0 4px 4px 0;font-size:.9rem;color:#9e9e9e;transition:all .2s ease;margin-top:4px}.info-message p{font-family:Courier New,Consolas,monospace;font-size:.9rem!important;color:#9e9e9e!important;line-height:1.5!important}.guide-element:hover .info-message{background-color:#2196f326;box-shadow:0 2px 6px #2196f31a}.empty-day-message{display:flex;justify-content:center;align-items:center;height:120px;color:#9e9e9e;font-style:italic;background-color:#1a1a1a80;border-radius:8px;border:1px dashed #2a2a2a;animation:fadeIn .5s ease-out}.text-gray-500{color:#aaa}.bg-dark.rmdp-wrapper,.bg-dark .rmdp-month-picker,.bg-dark .rmdp-year-picker,.bg-dark .rmdp-time-picker div input,.rmdp-container .bg-dark.ep-arrow:after{background-color:#312f2f;color:#c4c7ca}.bg-dark .rmdp-day:not(.rmdp-deactive),.bg-dark .rmdp-time-picker div .rmdp-am,.bg-dark .rmdp-header-values,.bg-dark .rmdp-panel-header{color:#c4c7ca}.bg-dark .rmdp-day.rmdp-range{color:#fff}.bg-dark .rmdp-panel-body li{color:#f5f5f5}.bg-dark .rmdp-day.rmdp-deactive,.bg-dark .rmdp-day.rmdp-disabled{color:#87898b}.rmdp-container .bg-dark.ep-arrow[direction=top]{border-bottom:1px solid #312f2f}.rmdp-container .bg-dark.ep-arrow[direction=left]{border-right:1px solid #312f2f}.rmdp-container .bg-dark.ep-arrow[direction=right]{border-left:1px solid #312f2f}.rmdp-container .bg-dark.ep-arrow[direction=bottom]{border-top:1px solid #312f2f}.calendar-section{width:272px;z-index:20;background:#1a1a1a;border-left:2px solid #2a2a2a;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:10px;position:absolute;top:0;left:0;height:100%}.calendar-overflow{position:fixed;top:0;left:0;width:100vw;height:100%;background:#151515a3;z-index:10}.calendar-section button{width:100%;height:37px;padding:.5rem 2rem;border:1px solid #333;border-radius:4px;background-color:#2a2a2a;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.calendar-section button:hover{border-color:#2196f3;background-color:#2a2a2a}.calendar-day{position:absolute;left:272px;top:0;height:100%;width:400px;border-left:2px solid #2a2a2a;background:#1a1a1a;padding:10px;z-index:20}.calendar-day .delete{position:absolute;top:16px;left:25px;border:1px solid #f44336;color:#f44336;border-radius:4px;transition:all .2s;font-size:.9rem;padding:.5rem;width:35px;height:35px}.calendar-day .delete:hover{background-color:#f443361a}.filler-tabs .inline-flex{margin-bottom:10px}.filler-tabs .inline-flex button[aria-selected=true]{color:#2196f3;font-weight:600;background-color:#646cff1a;box-shadow:0 0 0 1px #646cff33;border-color:var(--color-primary)}.filler-tabs .inline-flex button[aria-selected=false]:hover{color:#fff}.edit-file-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:editFileModalFadeIn .3s ease-out}@keyframes editFileModalFadeIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.edit-file-modal-content{background-color:#121212;border-radius:12px;box-shadow:0 20px 60px #00000080;width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;animation:editFileModalSlideIn .3s ease-out;border:1px solid rgba(255,165,0,.2)}@keyframes editFileModalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.edit-file-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #333;background:linear-gradient(135deg,#1a1a1a,#121212);border-radius:12px 12px 0 0}.edit-file-modal-header h2{margin:0;font-size:20px;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px}.edit-file-modal-header h2:before{content:"📁";font-size:18px}.edit-file-modal-close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#888;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.edit-file-modal-close-button:hover{color:#fff;background-color:#333;transform:scale(1.1)}.edit-file-modal-close-button:active{transform:scale(.95)}.edit-file-modal-body{padding:24px;background-color:#121212}.edit-file-modal-input-group{margin-bottom:20px}.edit-file-modal-input-label{display:block;margin-bottom:8px;font-weight:600;color:#ccc;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.edit-file-modal-input-wrapper{position:relative;background-color:#1a1a1a;border:2px solid #333;border-radius:8px;transition:all .3s ease;overflow:hidden}.edit-file-modal-input-wrapper:focus-within{border-color:orange;box-shadow:0 0 0 3px #ffa5001a;background-color:#1e1e1e}.edit-file-modal-input{background-color:transparent;color:#fff;padding:14px 16px;width:100%;border:none;outline:none;font-size:15px;line-height:1.4;font-family:inherit}.edit-file-modal-input::placeholder{color:#666;font-style:italic}.edit-file-modal-textarea{background-color:transparent;color:#fff;padding:14px 16px;width:100%;border:none;outline:none;font-size:15px;line-height:1.5;font-family:inherit;resize:vertical;min-height:120px}.edit-file-modal-textarea::placeholder{color:#666;font-style:italic}.edit-file-modal-footer{padding:20px 24px;border-top:1px solid #333;display:flex;justify-content:flex-end;gap:12px;background-color:#1a1a1a;border-radius:0 0 12px 12px}.edit-file-modal-button{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:14px;min-width:100px;display:flex;align-items:center;justify-content:center;gap:6px}.edit-file-modal-cancel-button{background-color:#333;color:#ccc;border:1px solid #444}.edit-file-modal-cancel-button:hover{background-color:#444;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.edit-file-modal-cancel-button:active{transform:translateY(0)}.edit-file-modal-save-button{background:linear-gradient(135deg,orange,#ff8c00);color:#000;border:1px solid #ffa500}.edit-file-modal-save-button:hover{background:linear-gradient(135deg,#ff8c00,#ff7f00);transform:translateY(-1px);box-shadow:0 4px 12px #ffa5004d}.edit-file-modal-save-button:active{transform:translateY(0)}.edit-file-modal-save-button:disabled{background:#444;color:#666;cursor:not-allowed;transform:none;box-shadow:none;border-color:#444}.edit-file-modal-file-info{background-color:#1a1a1a;border:1px solid #333;border-radius:8px;padding:16px;margin-bottom:20px}.edit-file-modal-file-info h3{margin:0 0 8px;font-size:16px;color:#fff;font-weight:600}.edit-file-modal-file-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;color:#888}.edit-file-modal-file-detail{display:flex;align-items:center;gap:6px}.edit-file-modal-file-detail strong{color:#ccc}@media (max-width: 600px){.edit-file-modal-content{width:95vw;max-height:95vh}.edit-file-modal-header{padding:16px 20px}.edit-file-modal-header h2{font-size:18px}.edit-file-modal-body{padding:20px}.edit-file-modal-footer{padding:16px 20px;flex-direction:column}.edit-file-modal-button{width:100%}.edit-file-modal-file-details{grid-template-columns:1fr}}.edit-file-modal-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#888}.edit-file-modal-error{background-color:#2a1a1a;border:1px solid #ff4444;border-radius:6px;padding:12px;margin-bottom:16px;color:#f66;font-size:14px;display:flex;align-items:center;gap:8px}.edit-file-modal-success{background-color:#1a2a1a;border:1px solid #44ff44;border-radius:6px;padding:12px;margin-bottom:16px;color:#6f6;font-size:14px;display:flex;align-items:center;gap:8px}.loading-spinner{width:16px;height:16px;border:2px solid rgba(0,0,0,.3);border-top:2px solid #000000;border-radius:50%;animation:spin 1s linear infinite}.file-form{display:flex;flex-direction:column;gap:10px}textarea{width:100%;padding:.5rem;border:1px solid #333;border-radius:4px;background-color:#2a2a2a;color:#fff;font-size:1rem;resize:none}textarea:focus{outline:none;border-color:#2196f3}.file-body .table-cell{font-size:1rem;color:#fff;text-align:left}.files-modal .modal-body{display:flex;flex-direction:column;height:100%;max-height:619px;overflow:hidden}.files-modal .metadata-file-body{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;max-height:500px}.files-modal .metadata-file-body .content-metadata-modal{overflow:hidden;display:flex;flex-direction:column;min-height:0;height:100%}.files-modal .metadata-file-body .content-metadata-modal>div{overflow-y:auto;display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%}.files-modal .location-menu,.files-modal .select-folder{flex-shrink:0}.files-modal .content-scroll-container{flex:1;overflow-y:auto;min-height:0;max-height:400px}.files-modal .metadata-file-body .table-container{overflow:visible;min-height:0;max-height:none;height:auto}.files-modal .metadata-file-body .table-container>div{height:100%;display:flex;flex-direction:column}.files-modal .metadata-file-body .table-container table{flex:1;min-height:0}.filler-body>div:last-child{flex:1;overflow-y:auto;overflow-x:hidden}.filler-body{margin-top:6px;border-radius:.5rem;border:1px solid #374151;margin-bottom:6px}.modal-body .bucket-selector-trigger{background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;padding:.75rem;cursor:pointer;transition:all .2s ease;min-height:48px}.modal-body .bucket-selector-trigger:hover{border-color:#6b7280;background-color:#4b5563}.modal-body .bucket-selector-trigger.open{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.modal-body .bucket-selector-content{display:flex;align-items:center;gap:.75rem;flex:1}.modal-body .bucket-icon{width:1.25rem;height:1.25rem;color:#9ca3af;flex-shrink:0}.modal-body .bucket-selector-text{flex:1;min-width:0}.modal-body .bucket-title{font-weight:500;color:#f9fafb;font-size:.875rem;line-height:1.25}.modal-body .bucket-placeholder{color:#9ca3af;font-size:.875rem}.modal-body .bucket-chevron{width:1rem;height:1rem;color:#9ca3af;transition:transform .2s ease;flex-shrink:0}.modal-body .bucket-chevron.open{transform:rotate(180deg)}.modal-body .bucket-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#374151;border:1px solid #4b5563;border-radius:.5rem;margin-top:.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:50;max-height:200px;overflow-y:auto}.modal-body .bucket-option{padding:.75rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #4b5563}.modal-body .bucket-option:last-child{border-bottom:none}.modal-body .bucket-option:hover{background-color:#4b5563}.modal-body .bucket-option.selected{background-color:#2196f31a;color:#2196f3}.modal-body .bucket-option-content{display:flex;flex-direction:column;gap:.25rem}.location-menu{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#1c1c1ce6;margin-bottom:4px;border-radius:.5rem .5rem 0 0;flex-wrap:wrap}.breadcrumb-item{display:flex;align-items:center;font-size:.875rem;color:#d1d5db;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease}.breadcrumb-item.clickable{cursor:pointer;background:none;border:none;color:#9ca3af}.breadcrumb-item.clickable:hover{color:#2196f3;background-color:#2196f31a}.breadcrumb-item.current{color:#f9fafb;font-weight:500}.breadcrumb-separator{width:1rem;height:1rem;color:#6b7280;flex-shrink:0}.home-icon{width:1rem;height:1rem}.select-folder{display:flex;align-items:center;justify-content:space-between;padding:.75rem;margin-bottom:.25rem;border-radius:.375rem;transition:background-color .2s ease;border:1px solid transparent;min-width:0}.added-files .select-folder{overflow:hidden}.added-files .select-folder>span{overflow:hidden;word-wrap:break-word;word-break:break-word;flex:1;min-width:0;margin-right:.5rem}.select-folder-button{flex-shrink:0;min-width:50px;width:50px}.select-folder:hover{background-color:#374151;border-color:#4b5563}.select-folder-name{display:flex;align-items:center;gap:.75rem;cursor:pointer;flex:1;min-width:0;overflow:hidden}.select-folder-name span{overflow:hidden;word-wrap:break-word;word-break:break-word;max-width:100%}.select-folder-name:hover span{color:#2196f3}.file-duration{display:inline-block;color:#9ca3af;font-size:.75rem;padding:.125rem .375rem;border-radius:.25rem;margin-right:.5rem;font-family:Courier New,monospace;flex-shrink:0}.loading-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:200px;color:#9ca3af}.stacked-scheduler{display:flex;flex-direction:column;padding:1rem;gap:1rem;width:100%;max-width:100%;position:relative}.stacked-date{color:#2196f3;background-color:#1a1a1a;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #333;box-shadow:0 8px 16px #0003;transition:all .2s;border-radius:4px;font-size:.9rem;font-weight:500}.stacked-content{max-height:calc(100vh - 160px);overflow-y:auto}.ad-block-row{background:#81813c}.ad-block-row:hover{transform:translateY(0);background:#acac56;box-shadow:none}.ad-block-type{display:flex;align-items:center;justify-content:center}.ad-item-row{background:#3c669e}.ad-item-row:hover{transform:translateY(0);background:#6090cf;box-shadow:none}.stacked-table th,.stacked-table td{padding:.75rem .5rem}.ad-item-row td{color:#000;border-bottom:1px solid #333;padding:.25rem .5rem}.ad-block-row td{color:#000;border-bottom:1px solid #333;padding:.25rem .5em}.edit-block{position:absolute;bottom:-1px;width:calc(100% - 3rem);background:#1a1a1a;margin:0 1.5rem;left:0;height:30rem;z-index:100;border-radius:1rem 1rem 0 0;border:1px solid #333;padding:1rem}.edit-block-content{display:flex;flex-direction:column;gap:.5rem}.edit-block-close{position:absolute;right:0;top:0;padding:1rem;cursor:pointer}.edit-block-close:hover{color:#f44336}.edit-block-close svg{width:1.5rem;height:1.5rem}.react-select__multi-value{background:#1a1a1a!important}.react-select__multi-value__label{color:#fff!important}.edit-block-buttons{position:absolute;bottom:0;display:flex;justify-content:end;gap:1rem;right:0;margin:1rem}.edit-block-content .react-select-container .react-select__control{width:100%;border:1px solid #333;border-radius:.25rem;background-color:#1e1e1e;color:#fff;font-size:1rem;height:2rem}.edit-block-content .multiple-select{z-index:10}.ads-button{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:4px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .3s;height:2rem}.ads-button.danger{background-color:#f44336}.edit-block-ads{display:flex;flex-direction:column;gap:.75rem;max-height:18em;overflow-y:auto}.toast-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.enhanced-toast-container{background-color:#191919f2!important;border:2px solid #2196f3!important;box-shadow:0 4px 15px #2196f34d!important;padding:16px!important;border-radius:8px!important;width:100%!important;max-width:450px!important;animation:toastFadeIn .5s ease forwards,toastGlow 2s infinite alternate!important}.enhanced-toast-content{font-size:1.05rem;line-height:1.5;margin-bottom:4px;color:#fffffff2}.toast-action-button{padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem;position:relative;overflow:hidden;box-shadow:0 2px 5px #0003}.toast-action-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:all .6s ease}.toast-action-button:hover:before{left:100%}.toast-action-button.primary{background-color:#2196f3;color:#fff}.toast-action-button.primary:hover{background-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #2196f366}.toast-action-button.secondary{background-color:#333;color:#fff}.toast-action-button.secondary:hover{background-color:#444;transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes toastGlow{0%{box-shadow:0 4px 15px #2196f333}to{box-shadow:0 4px 20px #2196f380}}.enhanced-toast-progress{background:#2196f3;height:4px!important;opacity:.8!important}.enhanced-toast-wrapper{padding:0!important;min-height:80px!important;border-radius:8px!important}.Toastify__close-button{color:#ffffffb3!important;opacity:.7!important;transition:all .3s ease!important}.Toastify__close-button:hover{color:#2196f3!important;opacity:1!important;transform:scale(1.1)!important}.scheduler-page{margin:0 auto;display:flex;width:100%;height:100%}.scheduler-content{width:100%;height:100%}.short-sidebar{width:60px;min-width:60px}.full-sidebar{width:290px;min-width:290px}.files-modal{width:800px;max-width:800px}.files-modal .modal-body{height:619px;max-height:619px;overflow:hidden;padding:10px;display:flex;flex-direction:column}.modal-body-content{height:100%;min-height:520px;overflow:hidden;padding:10px;display:flex;flex-direction:column;background-color:#121212;max-height:60vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#444 #121212}.filler-tabs{height:40%;border-radius:.5rem;border:1px solid #374151;overflow-y:auto}.files-modal .file-body{height:50%;max-height:70%;overflow-y:auto;overflow-x:hidden;border-radius:.5rem;margin-top:6px;margin-bottom:6px;border:1px solid #374151}.files-modal .metadata-file-body{border-radius:.5rem;margin-top:6px;margin-bottom:6px;border:1px solid #374151;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.files-modal .filler-body{height:50%;max-height:50%;overflow-y:scroll}.file-body .location-menu{margin-bottom:10px}.files-modal>.location-menu{margin-top:6px;margin-bottom:6px}.modal-body>.location-menu{margin-top:6px;margin-bottom:6px}.file-body .loading-container,.filler-body .loading-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:200px}.select-folder{display:flex;width:100%;padding:5px;justify-content:space-between}.select-folder:hover{background-color:#222}.filler-body .select-folder-name,.file-body .select-folder-name{display:flex;gap:10px;align-items:center;cursor:pointer}.filler-body .select-folder-name span,.file-body .select-folder-name span{font-weight:500;font-size:.95rem;display:flex;gap:10px}.filler-body .select-folder-name:hover span,.file-body .select-folder-name:hover span{color:#2196f3}.select-folder-button{width:50px}.select-folder-button button:focus,.select-folder-button button{padding:0 20px;transition:none;background:none;outline:none}.select-folder-button button:hover{border:none;background:none;color:#2196f3}.schedule-remove-button svg{width:18px;height:18px}.schedule-remove-button button:hover{color:#f44336}.file-duration{color:#2196f3;font-size:.85rem}.files-modal .added-files{height:100%;max-height:100%;overflow-y:hidden;overflow-x:hidden;border-top:1px solid #333}.sidebar{display:flex;flex-direction:column;background:#1a1a1a;overflow:auto;gap:1rem;border-radius:0 10px 10px 0;padding:4px;z-index:20;justify-content:space-between;height:100%}.sidebar-content{display:flex;flex-direction:column;gap:.7rem}.sidebar-footer{justify-items:flex-end}.sidebar-row{display:flex;flex-direction:column;gap:.25rem;justify-content:center;align-items:center;padding-inline:8px}.sidebar-row-multiple{flex-direction:row}.sidebar-row.horizontal-input{align-items:center;justify-content:flex-start}.sidebar-row.horizontal-input label{min-width:80px;width:80px;font-size:.85rem;font-weight:500;color:#ccc;text-align:left;flex-shrink:0}.sidebar-row.horizontal-input input{flex:1;padding:.5rem .75rem;border:1px solid #333;border-radius:4px;background-color:#2a2a2a;color:#fff;font-size:.9rem;transition:border-color .2s ease}.sidebar-row.horizontal-input input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.sidebar-row.horizontal-input input::placeholder{color:#666}.sidebar-row.horizontal-input .react-select-container{min-width:266px;flex:1}.sidebar-row.horizontal-input .react-select-container .react-select__control{min-height:42px;border:1px solid #333;background-color:#2a2a2a}.sidebar-row.horizontal-input .react-select-container .react-select__control:hover{border-color:#444}.sidebar-row.horizontal-input .react-select-container .react-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.sidebar-row button{width:100%;height:37px;padding:.5rem;border:1px solid #333;border-radius:4px;background-color:#2a2a2a;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.text-info{display:flex;justify-content:center;align-items:center;font-size:.8rem;color:#2196f3}.confirm-button:disabled{cursor:default;color:gray;border:1px solid #3a3a3a;background-color:#2a2a2a}.text-center{text-align:center}.text-justify{text-align:justify}.sidebar-updated{font-size:.8rem;color:#a8a8a8;line-height:1.2}.react-select-container .react-select__control{width:100%;border:1px solid #333;border-radius:4px;background-color:#2a2a2a;color:#fff;font-size:1rem}.react-select-container .react-select__control:hover{border:1px solid #333}.react-select-container .react-select__menu{background:#151515;border:1px solid #4d4d4d}.react-select-container .react-select__option{color:#fff;background:#151515;text-wrap:nowrap;cursor:pointer}.react-select-container .react-select__option:hover{background:#1e1e1e}.react-select-container .react-select__indicator{color:#fff!important}.react-select-container .react-select__indicator-separator{background:#fff}.react-select-container .react-select__input-container,.react-select-container .react-select__single-value{color:#fff}.fc-timegrid-slot{height:4em!important}.fc .fc-toolbar.fc-header-toolbar{margin-bottom:0!important}.fc{--fc-event-bg-color: #0f0f0fe5;--fc-highlight-color: rgba(33, 150, 243, .1);--fc-theme-color: #2196f3}.fc-view-harness,.fc-scroller,.fc-scroller-liquid-absolute,.fc-timegrid,.fc-timegrid-slots,.fc-timegrid-cols,.fc-timegrid-body,.fc-timegrid-col,.fc-timegrid-col-bg,.fc-timegrid-col-frame,.fc-timegrid-now-indicator-container,.fc-scrollgrid,.fc-scrollgrid-section,.fc-scrollgrid-section-body,.fc-scrollgrid-section-header,.fc-scrollgrid-sync-table,.fc-cell-shaded,.fc-timegrid-axis,.fc-timegrid-axis-frame{cursor:default!important}.fc-event{background:#0f0f0fe5!important;border:1px solid #4d4d4d!important;border-radius:5px!important}.fc-timegrid-col-events{cursor:cell!important}.fc-theme-standard .fc-scrollgrid{border:3px solid #0f0f0fe5!important}.fc-theme-standard th{background:#0f0f0fe5!important}.fc-theme-standard td,.fc-theme-standard th{border:3px solid #0f0f0fe5!important}.fc-theme-standard td .fc-timegrid-now-indicator-container{background:transparent!important;border-radius:5px!important}.fc-theme-standard td .fc-highlight{background:#0f0f0fe6!important;border-radius:5px!important}.fc-theme-standard th .fc-scrollgrid-sync-inner{background:#202020!important;border-radius:10px!important;padding:5px!important}.fc-timegrid-event-harness-inset .fc-timegrid-event{box-shadow:none!important}.fc-scrollgrid-shrink,.fc-timegrid-slot-label{background:#0f0f0fe5!important}.fc-event-resizer-start{cursor:w-resize!important;left:0!important}.fc-event-resizer-end{cursor:e-resize!important;right:0!important}.fc-event-selected,.fc-event-selected:hover{z-index:10!important}.fc-timegrid-col-bg .fc-highlight{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important}.fc-timegrid-col,.fc-timegrid-body,.fc-timegrid-slots,.fc-timegrid-cols,.fc-timegrid{cursor:default!important}.fc-event.fc-event-dragging{opacity:.8!important}.calendar-event,.calendar-time-slot{cursor:pointer!important}.fc-highlight{background-color:#2196f31a!important;border-radius:4px!important}.fc-timegrid-event-harness{z-index:5!important}.fc-timegrid-event-harness:hover{z-index:9!important}.fc-event-dragging{cursor:move!important}.fc-event-resizing{cursor:col-resize!important}.fc-timegrid-slot,.fc-timegrid-event{cursor:pointer!important}.fc-col-header-cell{cursor:default!important}.fc-col-header-cell-cushion{color:#2196f3!important;font-weight:600!important;font-family:Roboto,monospace!important;letter-spacing:.5px!important}.fc-timegrid-axis-cushion{cursor:default!important;color:#ffffffb3!important;font-family:Roboto,monospace!important;font-weight:500!important}.fc-media-screen .fc-timegrid-cols{z-index:1000!important}.rmdp-day,.rmdp-header-values{color:#fff!important}.rmdp-week-day{color:#2196f3!important}.rmdp-arrow{border:solid #2196f3!important;border-width:0 2px 2px 0!important;margin:0!important}.rmdp-arrow-container{display:flex;align-items:center}.rmdp-arrow-container:hover{background:#2196f3!important}.rmdp-arrow-container:hover .rmdp-arrow{border:solid #ffffff!important;border-width:0 2px 2px 0!important}.rmdp-day.rmdp-today span{background:#2196f366!important}.rmdp-day.rmdp-selected span:not(.highlight){background:#2196f3!important}.rmdp-day:not(.rmdp-disabled,.rmdp-day-hidden) span:hover{background:#fff!important;color:#0f0f0fe5!important}.rmdp-shadow{box-shadow:none!important}#player-component .btn{width:auto!important;height:44px}#player-component .btn svg{padding:0!important}.save-notification{position:fixed;bottom:20px;right:20px;background-color:#ffa500e6;color:#000;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:12px;z-index:1000;animation:pulse 2s infinite;transition:all .3s ease}.save-notification-icon{font-size:20px}.save-notification-text{font-weight:600}.save-notification-button{background-color:#222;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .2s}.save-notification-button:hover{background-color:#000}.save-button-highlight{background-color:orange!important;color:#000!important;border-color:#ffb733!important;font-weight:700;animation:pulse 2s infinite}.save-button-highlight:hover{background-color:#ffb733!important}@media (max-width: 1024px){.scheduler-page{flex-direction:column}.sidebar{width:100%!important;min-width:100%!important;max-height:200px;border-radius:0}.sidebar-content{flex-direction:row;flex-wrap:wrap;gap:.5rem}.sidebar-row.horizontal-input{flex:1;min-width:250px}}@media (max-width: 768px){.sidebar-row.horizontal-input{flex-direction:column;align-items:flex-start;gap:.5rem;min-width:200px}.sidebar-row.horizontal-input label{min-width:auto;width:auto;text-align:left}.scheduler-content{padding:.5rem}.save-notification{bottom:10px;right:10px;left:10px;padding:10px 16px}.save-notification-text{font-size:.9rem}.enhanced-toast-container{max-width:95%!important;margin:0 auto}}@media (max-width: 480px){.sidebar{max-height:250px}.sidebar-row.horizontal-input{min-width:100%}.sidebar-row button{font-size:.85rem;padding:.4rem;height:34px}.save-notification{flex-direction:column;gap:8px;text-align:center}.save-notification-button{width:100%}}#root>div>div>div>main>div>div:nth-child(2)>div>div>div.fc-view-harness.fc-view-harness-active>div>table>thead>tr>th>div>div{overflow:hidden!important}.empty-folder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:12px;position:relative}.empty-folder-state:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;animation:pulse 3s ease-in-out infinite}.empty-folder-icon{font-size:3rem;margin-bottom:16px;opacity:.6;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.empty-folder-text h4{margin:0 0 8px;color:#f4f4f5;font-size:1.1rem;font-weight:600;letter-spacing:.3px}.empty-folder-text p{margin:0;color:#a1a1aa;font-size:.9rem;line-height:1.4}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}.analytics-page{padding:20px;max-width:100%;overflow-x:hidden;color:#ffffffde;background-color:#1a1a1a;animation:fadeIn .6s ease-out forwards;font-family:Roboto,system-ui,sans-serif}.analytics-page h1{display:flex;align-items:center;margin-bottom:20px;color:#ffffffde;font-size:24px;font-family:Roboto,system-ui,sans-serif;font-weight:500;letter-spacing:.5px;position:relative;animation:slideDown .7s ease-out forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.analytics-page h1:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background-color:#2196f3;border-radius:2px;transition:width .3s ease}.analytics-page h1:hover:after{width:60px}.page-icon{margin-right:10px;color:#2196f3;font-size:28px;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(33,150,243,0))}50%{transform:scale(1.05);filter:drop-shadow(0 0 3px rgba(33,150,243,.5))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(33,150,243,0))}}.analytics-controls{margin-bottom:30px;background-color:#2a2a2a;border-radius:12px;padding:20px;box-shadow:0 8px 16px #0003;border:1px solid #333;animation:fadeIn .8s ease-out forwards;animation-delay:.2s;opacity:0;position:relative;overflow:hidden}.analytics-controls:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2196f3,#21f3e7,#2196f3);background-size:200% 100%;animation:gradientMove 3s linear infinite}.analytics-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid #333;position:relative;font-family:Roboto,system-ui,sans-serif}.analytics-tab{padding:12px 20px;background:none;border:none;color:#ffffffb3;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;position:relative;overflow:hidden;font-family:Roboto,system-ui,sans-serif;font-weight:500}.analytics-tab:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#2196f3;transition:all .3s ease;transform:translate(-50%)}.analytics-tab:hover{color:#fffffff2;background-color:#2196f30d}.analytics-tab:hover:before{width:80%}.analytics-tab.active{color:#2196f3;border-bottom:2px solid #2196f3;font-weight:500;background-color:#2196f31a}.analytics-tab.active:before{width:100%}.analytics-tab svg{transition:transform .3s ease}.analytics-tab:hover svg{transform:scale(1.2)}.analytics-tab.active svg{filter:drop-shadow(0 0 3px rgba(33,150,243,.5))}.filter-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;animation:fadeIn .8s ease-out forwards;animation-delay:.4s;opacity:0}.date-range-selector,.schedule-selector{display:flex;align-items:center;gap:12px}.date-range-selector span,.schedule-selector span{font-weight:500;color:#ffffffde;font-size:14px;font-family:Roboto,system-ui,sans-serif}.date-range-buttons{display:flex;gap:8px}.date-range-buttons button{padding:8px 14px;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:13px;color:#ffffffde;font-family:Roboto,system-ui,sans-serif;position:relative;overflow:hidden;box-shadow:0 2px 5px #0003}.date-range-buttons button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .7s ease}.date-range-buttons button:hover:before{left:100%}.date-range-buttons button:hover{background-color:#2196f31a;border-color:#2196f3;transform:translateY(-2px);box-shadow:0 4px 8px #2196f34d}.date-range-buttons button.active{background-color:#2196f3;color:#fff;border-color:#2196f3;box-shadow:0 0 10px #2196f380;transform:translateY(-1px)}.date-range-buttons button.active:before{display:none}.select-wrapper{position:relative;display:inline-block}.schedule-selector select{padding:8px 12px;border:1px solid #333;border-radius:6px;font-size:14px;min-width:200px;background-color:#1a1a1a;color:#ffffffde;font-family:Roboto,system-ui,sans-serif;transition:all .3s ease;box-shadow:0 2px 5px #0003;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#2196f3 50%),linear-gradient(135deg,#2196f3 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}.schedule-selector select:hover:not(:disabled){border-color:#2196f3;box-shadow:0 4px 8px #2196f34d}.schedule-selector select:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f34d}.schedule-selector select:disabled{opacity:.7;cursor:wait;background-image:none}.schedule-selector select.loading{padding-right:40px}.select-loading-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid rgba(33,150,243,.3);border-top:2px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.analytics-content{padding:10px 0;animation:fadeIn .8s ease-out forwards;animation-delay:.5s;opacity:0}.analytics-overview h2,.content-analytics h2,.schedule-analytics h2{margin:30px 0 15px;font-size:18px;color:#ffffffde;border-bottom:1px solid #333;padding-bottom:10px;font-family:Roboto,system-ui,sans-serif;font-weight:500;position:relative;animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analytics-overview h2:after,.content-analytics h2:after,.schedule-analytics h2:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:3px;background-color:#2196f3;border-radius:2px;transition:width .3s ease}.analytics-overview h2:hover:after,.content-analytics h2:hover:after,.schedule-analytics h2:hover:after{width:100px}.analytics-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:30px}.analytics-card{background-color:#2a2a2a;border-radius:12px;padding:25px;box-shadow:0 8px 16px #0003;transition:all .3s ease;border:1px solid #333;position:relative;overflow:hidden;animation:fadeInCard .8s ease-out forwards;animation-delay:calc(.1s * var(--card-index, 0));opacity:0;transform:translateY(20px)}@keyframes fadeInCard{to{opacity:1;transform:translateY(0)}}.analytics-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(33,150,243,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.analytics-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000004d;border-color:#2196f3}.analytics-card:hover:before{opacity:1}.analytics-card-header{display:flex;align-items:center;margin-bottom:20px;gap:12px}.analytics-card-header h3{margin:0;font-size:16px;color:#ffffffde;font-weight:500;font-family:Roboto,system-ui,sans-serif}.card-icon{color:#2196f3;font-size:24px;filter:drop-shadow(0 0 3px rgba(33,150,243,.3));transition:all .3s ease}.analytics-card:hover .card-icon{transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(33,150,243,.5))}.analytics-card-value{font-size:32px;font-weight:700;color:#fffffff2;margin-bottom:8px;font-family:Roboto,system-ui,sans-serif;transition:all .3s ease}.analytics-card:hover .analytics-card-value{color:#2196f3;text-shadow:0 0 10px rgba(33,150,243,.3)}.analytics-card-subtitle{font-size:13px;color:#fff9;font-family:Roboto,system-ui,sans-serif}.recent-plays-table,.content-groups,.search-results{margin-top:15px;background-color:#1a1a1a;border-radius:12px;box-shadow:0 8px 16px #0003;overflow:hidden;border:1px solid #333;transition:all .3s ease}table{width:100%;border-collapse:separate;border-spacing:0}th,td{padding:.75rem 1.25rem;text-align:left;border-bottom:1px solid #333}th{background-color:#1e1e1e;font-weight:600;color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;position:relative;height:48px}th:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#646cff00,#646cff4d,#646cff00);transform:scaleX(0);transition:transform .3s ease}th:hover:after{transform:scaleX(1)}td{font-size:14px;color:#ffffffde}.content-name-cell{max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.play-type{font-size:12px;padding:3px 8px;border-radius:12px;text-transform:capitalize;display:inline-block}.play-type-scheduled{background-color:#2196f3;color:#fff}.play-type-filler{background-color:#ff9800;color:#000}.play-type-pre-filler{background-color:#8c00ff;color:#fff}.play-type-ad{background-color:#f44336;color:#fff}tr{transition:all .2s ease}tr:hover,.content-group-row:hover{background-color:#646cff0d;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.schedule-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.schedule-summary-card{background-color:#2a2a2a;border-radius:8px;padding:20px;box-shadow:0 2px 5px #0000004d;transition:transform .2s;border:1px solid #333}.schedule-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d;border-color:#2196f3}.schedule-summary-card h3{margin-top:0;color:#ffffffde;font-size:18px;margin-bottom:15px;border-bottom:1px solid #333;padding-bottom:10px}.schedule-stats{margin-bottom:15px}.schedule-stat{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#ffffffde;font-size:14px}.stat-icon{color:#2196f3}.top-content-preview{margin-top:20px;padding-top:15px;border-top:1px solid #333}.top-content-preview h4{margin-top:0;margin-bottom:10px;font-size:15px;color:#ffffffde}.top-content-preview ul{list-style:none;padding:0;margin:0}.top-content-preview li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #333;font-size:13px}.top-content-preview li:last-child{border-bottom:none}.top-content-preview .content-name{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-content-preview .content-plays{color:#2196f3;font-weight:500}.view-schedule-btn{background-color:#2196f3;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;margin-top:15px;transition:background-color .2s;width:100%}.view-schedule-btn:hover{background-color:#1976d2}.search-controls{display:flex;gap:10px;margin-bottom:20px}.search-controls input{flex:1;padding:10px 15px;border:1px solid #333;border-radius:4px;font-size:14px;background-color:#1a1a1a;color:#ffffffde}.search-button{background-color:#2196f3;color:#fff;border:none;padding:0 20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:8px}.search-button:hover{background-color:#1976d2}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:1rem;padding:1rem;animation:fadeIn .5s ease-out}.pagination-container .pagination-button{background-color:var(--color-bg-secondary, #2a2a2a);border:none;border-radius:8px;padding:.5rem;color:var(--color-text-primary, #e0e0e0);font-size:.9rem;transition:all var(--transition-fast, .3s ease);min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-family:Roboto,system-ui,sans-serif;cursor:pointer;margin:0 .25rem}.pagination-container .pagination-button:hover:not(.pagination-button-active){background-color:var(--color-bg-tertiary, #3a3a3a);box-shadow:0 0 5px #2196f380;transform:translateY(-2px)}.pagination-container .pagination-button-active{background-color:var(--color-primary, #2196f3);color:#fff;box-shadow:0 0 8px #2196f3b3}.pagination-container .pagination-info{color:var(--color-text-secondary, #b0b0b0);font-size:.9rem;margin:0 1rem;font-family:Roboto,system-ui,sans-serif}.pagination-container .pagination-ellipsis{display:flex;align-items:center;justify-content:center;color:#aaa;font-size:1.2rem;padding:0 .5rem}.no-results,.no-data-message{padding:30px;text-align:center;color:#fff9;font-size:16px;background-color:#2a2a2a;border-radius:8px;margin-top:20px;border:1px solid #333}@keyframes pulse{0%{box-shadow:0 0 #2196f366}70%{box-shadow:0 0 0 10px #2196f300}to{box-shadow:0 0 #2196f300}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes glow{0%{filter:drop-shadow(0 0 2px rgba(33,150,243,.3))}50%{filter:drop-shadow(0 0 8px rgba(33,150,243,.6))}to{filter:drop-shadow(0 0 2px rgba(33,150,243,.3))}}.no-schedules-message{text-align:center;margin:50px auto;padding:40px;max-width:600px;background:linear-gradient(145deg,#222,#2a2a2a);background-image:linear-gradient(145deg,#222,#2a2a2a),radial-gradient(circle at 20% 20%,rgba(33,150,243,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(33,150,243,.05) 0%,transparent 50%);background-size:100% 100%,50% 50%,50% 50%;border-radius:12px;box-shadow:0 8px 20px #0000004d,0 0 30px #2196f31a inset;border:1px solid #333;color:#ffffffde;animation:fadeIn .8s ease-out forwards;position:relative;overflow:hidden}.no-schedules-message:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2196f3,#21f3e7,#2196f3);background-size:200% 100%;animation:gradientMove 3s linear infinite}@keyframes gradientMove{0%{background-position:0% 0}to{background-position:200% 0}}.no-schedules-message h2{color:#2196f3;margin-top:0;margin-bottom:20px;font-size:24px;position:relative;display:inline-block}.no-schedules-message h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:2px;background-color:#2196f3}.no-schedules-message p{font-size:16px;margin-bottom:20px;color:#fffc;line-height:1.6}@keyframes shine{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.no-schedules-message a{display:inline-block;padding:12px 28px;background:linear-gradient(45deg,#2196f3,#21cbf3,#2196f3);background-size:200% 200%;color:#fff;border-radius:30px;text-decoration:none;font-weight:700;transition:all .3s ease;position:relative;margin-top:15px;box-shadow:0 4px 15px #2196f366;overflow:hidden;z-index:1;border:2px solid transparent;letter-spacing:.5px}.no-schedules-message a:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#2196f3,#21cbf3,#2196f3);background-size:400% 400%;z-index:-1;animation:shine 3s ease infinite;border-radius:30px;opacity:0;transition:opacity .3s ease}.no-schedules-message a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.no-schedules-message a:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 7px 20px #2196f399;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5);border-color:#ffffff4d;background-position:right center}.no-schedules-message a:hover:before{opacity:1}.no-schedules-message a:hover:after{transform:translate(100%)}.no-schedules-icon{font-size:60px;color:#2196f3;display:inline-block;animation:float 3s ease-in-out infinite,glow 2s ease-in-out infinite;background:#2196f31a;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;box-shadow:0 0 20px #2196f333;border:2px solid rgba(33,150,243,.3);position:relative;z-index:1}.no-schedules-icon:before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border-radius:50%;border:2px solid transparent;border-top-color:#2196f3;border-bottom-color:#2196f3;animation:rotate 3s linear infinite;z-index:-1}.no-schedules-icon:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:2px solid transparent;border-left-color:#2196f3;border-right-color:#2196f3;animation:rotate 3s linear infinite reverse;z-index:-1}@media (max-width: 768px){.no-schedules-message{margin:30px 15px;padding:30px 20px}.no-schedules-message h2{font-size:20px}.no-schedules-message p{font-size:14px}.no-schedules-message a{padding:12px 24px;font-size:15px;width:auto;min-width:200px}.no-schedules-icon{font-size:40px;width:80px;height:80px}.no-schedules-icon:before,.no-schedules-icon:after{animation-duration:4s}}@media (max-width: 480px){.no-schedules-message{padding:25px 15px;margin:20px 10px}.no-schedules-message a{padding:12px 20px;font-size:14px;width:80%;max-width:250px;box-sizing:border-box;border-radius:25px}.no-schedules-icon{font-size:32px;width:70px;height:70px}.no-schedules-message h2{font-size:18px}.no-schedules-message h2:after{width:40px}}.global-upload-status{position:fixed;top:20px;right:20px;width:360px;background:linear-gradient(135deg,#0f172af2,#1e293bf2,#0f172af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.2);border-radius:20px;box-shadow:0 25px 50px #0006,0 0 0 1px #94a3b81a,inset 0 1px #ffffff1a;z-index:1000;animation:slideInGlow .5s cubic-bezier(.175,.885,.32,1.275);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.global-upload-status:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;animation:borderFlow 3s ease-in-out infinite}@keyframes slideInGlow{0%{transform:translate(100%) translateY(-10px) scale(.95);opacity:0}60%{transform:translate(-5px) translateY(0) scale(1.02);opacity:.9}to{transform:translate(0) translateY(0) scale(1);opacity:1}}@keyframes borderFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.upload-status-header{display:flex;align-items:center;padding:24px;gap:16px}.status-icon{width:32px;height:32px;flex-shrink:0;padding:6px;border-radius:12px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transition:all .3s ease}.status-icon svg{width:20px;height:20px}.status-icon.uploading{background:linear-gradient(135deg,#3b82f633,#93c5fd1a);color:#60a5fa;animation:iconPulse 2s ease-in-out infinite;box-shadow:0 0 20px #3b82f64d}.status-icon.success{background:linear-gradient(135deg,#10b98133,#6ee7b71a);color:#34d399;animation:successGlow .6s ease-out;box-shadow:0 0 20px #10b9814d}.status-icon.error{background:linear-gradient(135deg,#ef444433,#fca5a51a);color:#f87171;animation:errorShake .5s ease-out;box-shadow:0 0 20px #ef44444d}.status-icon.restored{background:linear-gradient(135deg,#f59e0b33,#fbbf241a);color:#fbbf24;animation:restoredGlow 1s ease-out;box-shadow:0 0 20px #f59e0b4d}@keyframes iconPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #3b82f64d}50%{transform:scale(1.05);box-shadow:0 0 30px #3b82f680}}@keyframes successGlow{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 30px #10b98199}to{transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes restoredGlow{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 30px #f59e0b99}to{transform:scale(1)}}.upload-status-info{flex:1;min-width:0}.upload-status-text{font-size:16px;font-weight:700;color:#f8fafc;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.01em}.current-file-name{font-size:13px;color:#94a3b8e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;background:#ffffff0d;padding:4px 8px;border-radius:6px;border:1px solid rgba(148,163,184,.1)}.upload-status-actions{display:flex;gap:10px;align-items:center}.action-button{width:40px;height:40px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;font-size:16px}.action-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s}.action-button:hover:before{left:100%}.view-button{color:#94a3b8}.view-button:hover{background:linear-gradient(135deg,#3b82f640,#3b82f61a);color:#60a5fa;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #3b82f666,0 0 0 1px #3b82f633;border-color:#3b82f64d}.close-button{color:#94a3b8}.action-button:active{transform:translateY(-1px) scale(1.02)}.upload-progress-section{padding:0 24px 20px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-top:1px solid rgba(148,163,184,.1)}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:20px}.progress-percentage{font-size:18px;font-weight:800;color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.3);background:linear-gradient(135deg,#60a5fa,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.upload-speed{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8e6;font-weight:600;background:#ffffff0d;padding:6px 12px;border-radius:20px;border:1px solid rgba(148,163,184,.1)}.cloud-icon{width:16px;height:16px;animation:float 3s ease-in-out infinite;color:#60a5fa}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.upload-progress-bar-mini{width:100%;height:8px;background:#4755694d;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0003;position:relative}.upload-progress-track-mini{background:#4755694d;height:8px;border-radius:6px}.upload-progress-indicator-mini{background:linear-gradient(90deg,#06b6d4,#3b82f6,#8b5cf6,#ec4899,#f59e0b);background-size:200% 100%;height:8px;border-radius:6px;transition:width .4s cubic-bezier(.4,0,.2,1);animation:progressFlow 2s ease-in-out infinite;box-shadow:0 0 20px #3b82f666;position:relative}.upload-progress-indicator-mini:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 1.5s infinite;border-radius:6px}@keyframes progressFlow{0%,to{background-position:0% 50%;box-shadow:0 0 20px #3b82f666}50%{background-position:100% 50%;box-shadow:0 0 30px #8b5cf699}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.upload-animation{padding:0 12px 12px;display:flex;justify-content:center;align-items:center}.upload-dots{display:flex;gap:8px;align-items:center}.upload-dot{width:8px;height:8px;background:linear-gradient(135deg,#60a5fa,#a855f7);border-radius:50%;animation:dotDance 1.4s infinite ease-in-out;box-shadow:0 0 15px #60a5fa80}.upload-dot:nth-child(1){animation-delay:-.32s}.upload-dot:nth-child(2){animation-delay:-.16s}.upload-dot:nth-child(3){animation-delay:0s}@keyframes dotDance{0%,80%,to{transform:scale(.8) translateY(0);opacity:.6;box-shadow:0 0 15px #60a5fa4d}40%{transform:scale(1.2) translateY(-8px);opacity:1;box-shadow:0 0 25px #a855f7b3}}@media (max-width: 640px){.global-upload-status{top:10px;right:10px;left:10px;width:auto;max-width:none;border-radius:16px}.upload-status-header{padding:18px}.upload-progress-section{padding:0 18px 16px}.upload-animation{padding:0 18px 18px}.action-button{width:36px;height:36px}.progress-info{padding-top:16px}}.noti-close-button{width:40px;height:40px;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);position:relative;overflow:hidden;font-size:16px;color:#94a3b8}.noti-close-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s}.noti-close-button:hover:before{left:100%}.noti-close-button:hover{background:linear-gradient(135deg,#ef444440,#ef44441a);color:#f87171;transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #ef444466,0 0 0 1px #ef444433;border-color:#ef44444d}.noti-close-button:active{transform:translateY(-1px) scale(1.02)}.backup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-in-out}.backup-modal-content{background-color:#fff;padding:2.5rem;border-radius:1rem;box-shadow:0 8px 32px #0000001f;max-width:800px;width:90%;transform:translateY(0);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.backup-modal-header{text-align:center;margin-bottom:2.5rem}.backup-icon{color:#2563eb;margin-bottom:1.25rem;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.backup-modal-header h1{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;color:#1f2937}.backup-modal-header p{color:#6b7280;font-size:1.125rem}.server-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2.5rem}.info-card{background-color:#f8fafc;padding:1.75rem;border-radius:1rem;display:flex;align-items:flex-start;gap:1.25rem;transition:all .3s ease;border:1px solid #e5e7eb}.info-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#2563eb}.info-icon{color:#2563eb;background-color:#2563eb1a;padding:.75rem;border-radius:.75rem}.info-content h3{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.status-active{color:#059669;font-weight:600;display:flex;align-items:center;gap:.5rem}.status-active:before{content:"";display:inline-block;width:8px;height:8px;background-color:#059669;border-radius:50%}.status-inactive{color:#dc2626;font-weight:600;display:flex;align-items:center;gap:.5rem}.status-inactive:before{content:"";display:inline-block;width:8px;height:8px;background-color:#dc2626;border-radius:50%}.info-content small{display:block;color:#6b7280;font-size:.875rem;margin-top:.5rem}.backup-actions{display:flex;gap:1.25rem;justify-content:center;margin-bottom:2.5rem}.refresh-button,.switch-primary-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:.75rem;font-size:1rem;font-weight:600;transition:all .2s ease;border:none;cursor:pointer}.refresh-button{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.refresh-button:hover:not(:disabled){background-color:#e5e7eb;transform:translateY(-1px)}.switch-primary-button{background-color:#2563eb;color:#fff;box-shadow:0 2px 4px #2563eb1a}.switch-primary-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.refresh-button:disabled,.switch-primary-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.backup-note{background-color:#f8fafc;padding:1.25rem;border-radius:1rem;border-left:4px solid #2563eb;box-shadow:0 2px 4px #0000000d}.backup-note p{margin:0;color:#4b5563;font-size:.9375rem;line-height:1.6}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:3rem}.loading-container p{color:#6b7280;margin:0;font-size:1.125rem}.last-update{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;color:#6b7280;font-size:.875rem}.last-update svg{color:#2563eb}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;margin:-1rem 0 1.5rem;background-color:#fee2e2;border-radius:.75rem;color:#dc2626;font-size:.9375rem;animation:slideIn .3s ease-out}.error-message svg{flex-shrink:0}.status-icon{margin-right:.5rem}.status-icon.active{color:#059669}.status-icon.inactive{color:#dc2626}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-spin{animation:spin 1s linear infinite}@media (max-width: 768px){.backup-modal-content{width:95%;margin:1rem;padding:1.5rem}.backup-modal-header{padding:1rem}.backup-modal-header h1{font-size:1.5rem}.server-info-grid{grid-template-columns:1fr;gap:1rem}.info-card{padding:1.25rem}.backup-actions{flex-direction:column;gap:1rem}.refresh-button,.switch-primary-button{width:100%;justify-content:center}}.backup-removed-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.backup-removed-modal-content{background-color:#1a1a1a;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%;border:1px solid #333;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.backup-removed-modal-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center}.warning-icon{color:#f59e0b;margin-bottom:1rem;background-color:#f59e0b1a;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(245,158,11,.2)}.backup-removed-modal-header h1{font-size:1.5rem;font-weight:600;color:#2196f3;margin:0}.backup-removed-modal-body{margin-bottom:2rem}.main-message{font-size:1.1rem;color:#fff;font-weight:500;margin-bottom:1rem;text-align:center}.action-message{color:#aaa;margin-bottom:1rem;text-align:center;line-height:1.6}.note{color:#666;font-size:.9rem;font-style:italic;text-align:center;margin-top:1.5rem;padding:.75rem;background-color:#2196f31a;border-radius:4px;border:1px solid rgba(33,150,243,.2)}.backup-removed-modal-body p{color:#4b5563;margin:0 0 1rem;line-height:1.5}.backup-removed-modal-body ul{margin:1rem 0;padding-left:1.5rem;color:#4b5563}.backup-removed-modal-body li{margin-bottom:.5rem;line-height:1.5}.backup-removed-modal-footer{display:flex;justify-content:center;margin-top:2rem}.primary-button{background-color:#2a2a2a;color:#fff;padding:.75rem 2rem;border-radius:4px;font-weight:500;border:1px solid #3a3a3a;cursor:pointer;transition:all .3s ease;font-size:.95rem;min-width:150px}.primary-button:hover{background-color:#3a3a3a;border-color:#2196f3;transform:translateY(-1px);box-shadow:0 2px 8px #2196f333}.empty-buckets-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:#1a1a1a;border-radius:12px;border:1px solid #333;box-shadow:0 8px 16px #0003;margin:2rem auto;max-width:600px;animation:fadeIn .5s ease}.empty-buckets-icon-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#646cff1a,#ffa5001a);border-radius:50%;margin-bottom:1.5rem;position:relative;overflow:hidden}.empty-buckets-icon-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(100,108,255,.3),transparent 30%);animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-buckets-icon{font-size:2.5rem;color:#2196f3;position:relative;z-index:2}.empty-buckets-title{font-size:1.8rem;font-weight:600;color:#fff;margin-bottom:1rem;position:relative;display:inline-block}.empty-buckets-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#2196f3,orange);border-radius:3px}.empty-buckets-description{color:#aaa;font-size:1.1rem;margin-bottom:2rem;max-width:400px;line-height:1.6}.empty-buckets-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2196f3,#535bf2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.empty-buckets-button:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0003;background:linear-gradient(135deg,#535bf2,#2196f3)}.button-icon{font-size:1.2rem}.empty-buckets-buttons{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%}.drawer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50}.drawer-bg{position:absolute;width:100vw;height:100vh;background:#00000080}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-content{position:absolute;right:0;width:48rem;height:100%;background:#18181b;border-radius:24px 0 0 24px;padding:60px 20px 40px;animation:slideIn .3s ease-out forwards;display:flex;flex-direction:column;gap:28px}.drawer-close{position:absolute;cursor:pointer;top:0;width:40px;height:40px;padding:10px;margin:10px 0;border-radius:50%;display:flex;justify-content:center;align-items:center}.drawer-close:hover{background:#27272a}.drawer-header{font-size:1.125rem;font-weight:600}.drawer-footer{display:flex;gap:20px;justify-content:end}.drawer-body{display:flex;flex-direction:column;gap:10px}.drawer-body-row{display:flex;flex-direction:column;gap:5px}.action-cell{padding:3px 1rem!important}.action-cell div{display:flex;gap:1rem;justify-content:center}.buckets-page{padding:0 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffa50066}70%{transform:scale(1.02);box-shadow:0 0 0 10px #ffa50000}to{transform:scale(1);box-shadow:0 0 #ffa50000}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#121212;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,#2828284d,#14141480);z-index:0}.bg-circles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.bg-circle{position:absolute;border-radius:50%;background:linear-gradient(45deg,#ffa5000d,#ff45000d);filter:blur(20px)}.bg-circle-1{top:-100px;left:-100px;width:500px;height:500px;animation:float-circle 25s infinite alternate ease-in-out}.bg-circle-2{bottom:-150px;right:-150px;width:600px;height:600px;animation:float-circle 20s infinite alternate-reverse ease-in-out}.bg-circle-3{top:50%;left:40%;transform:translate(-50%,-50%);width:400px;height:400px;animation:pulse-circle 15s infinite alternate ease-in-out}@keyframes float-circle{0%{transform:translate(0) scale(1)}50%{transform:translate(50px,30px) scale(1.1)}to{transform:translate(-30px,50px) scale(.9)}}@keyframes pulse-circle{0%{transform:translate(-50%,-50%) scale(.8);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}to{transform:translate(-50%,-50%) scale(.8);opacity:.3}}.login-card{position:relative;background-color:#1e1e1ee6;border-radius:12px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 10px 25px #0000004d,0 0 30px #ffa5001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1;animation:fadeIn .8s ease-out forwards;transform:translateY(0)}.login-card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;animation:gradientBG 15s ease infinite;border-radius:14px;z-index:-1;opacity:.3}.login-logo{display:flex;justify-content:center;margin-bottom:2rem;animation:float 6s ease-in-out infinite}.login-logo img{height:90px;object-fit:contain;transition:all .3s ease}.login-logo img:hover{transform:scale(1.05);filter:drop-shadow(0 0 12px rgba(255,165,0,.5))}.login-card h2{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:slideInFromRight .6s ease-out forwards;animation-delay:.2s;opacity:0;transform:translate(30px)}.form-group{margin-bottom:1.8rem;position:relative;animation:slideInFromLeft .6s ease-out forwards;opacity:0}.form-group:nth-child(1){animation-delay:.3s}.form-group:nth-child(2){animation-delay:.4s}.form-group:nth-child(3){animation-delay:.5s}.form-group:nth-child(4){animation-delay:.6s}.form-group label{display:block;margin-bottom:.6rem;color:#e0e0e0;font-size:.95rem;font-weight:500;text-align:left;transition:all .3s ease}.form-group input{width:100%;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#282828cc;color:#fff;font-size:1rem;transition:all .3s ease;box-shadow:inset 0 1px 3px #0003}.form-group input:focus{outline:none;border-color:orange;box-shadow:0 0 0 3px #ffa50033,inset 0 1px 3px #0003;background-color:#323232cc}.form-group input::placeholder{color:#fff6}.login-button{width:100%;min-height:50px;padding:.9rem;margin-top:30px;background:linear-gradient(45deg,orange,#ff8c00);color:#000;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 15px #ffa5004d;animation:slideInFromRight .6s ease-out forwards;animation-delay:.7s;opacity:0;transform:translate(30px)}.login-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:all .6s ease}.login-button:hover{background:linear-gradient(45deg,#ff8c00,orange);transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(1px);box-shadow:0 2px 10px #ffa5004d}.login-button:disabled{background:linear-gradient(45deg,#666,#555);cursor:not-allowed;box-shadow:none;transform:none}.login-button.loading{position:relative;color:transparent}.login-button.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid rgba(0,0,0,.3);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{margin-top:2rem;text-align:center;color:#ccc;font-size:.95rem;animation:fadeIn .6s ease-out forwards;animation-delay:.8s;opacity:0}.form-footer a{color:orange;text-decoration:none;font-weight:600;margin-left:.5rem;transition:all .3s ease;position:relative}.form-footer a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:orange;transition:width .3s ease}.form-footer a:hover{color:#ffb733;text-decoration:none}.form-footer a:hover:after{width:100%}@media (max-width: 480px){.login-card{padding:2rem 1.5rem;max-width:90%}.login-logo img{height:70px}.login-card h2{font-size:1.5rem}}.react-select__input:focus{box-shadow:none}.media-channels-page{max-width:1600px;margin:0 auto;padding:1.5rem;animation:fadeIn .5s ease;height:calc(100vh - 6rem);overflow:hidden;box-sizing:border-box;background-color:transparent;color:#fff}.media-channels-page .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #333;position:relative}.media-channels-page .header:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background:linear-gradient(90deg,#2196f300,#2196f34d,#2196f300)}.media-channels-page .header h1{font-size:2rem;font-weight:600;color:#fff;margin:0;position:relative;display:inline-block}.media-channels-page .header h1:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#2196f3,orange);border-radius:3px}.media-channels-page .header .create-button{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #0000001a;cursor:pointer}.media-channels-page .header .create-button:hover{transform:translateY(-2px);box-shadow:0 6px 10px #0003;background:linear-gradient(135deg,#1976d2,#2196f3)}.media-channels-page .header .create-button .button-icon{font-size:1.2rem;width:1.2rem;height:1.2rem;flex-shrink:0}.media-channels-page .schedulers-content{max-height:calc(100vh - 155px);height:auto;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;background-color:transparent;border-radius:8px;padding-bottom:.25rem}.media-channels-page .schedulers-content .loading-container{display:flex;justify-content:center;align-items:center;min-height:300px}.media-channels-page .schedulers-content .loading-container .loading-text{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:#b0b0b0}.media-channels-page .schedulers-content .empty-state{text-align:center;padding:4rem 2rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-channels-page .schedulers-content .empty-state .empty-state-icon{font-size:4rem;color:#2196f3;margin-bottom:1rem;opacity:.7}.media-channels-page .schedulers-content .empty-state .empty-state-text{font-size:1.2rem;color:#b0b0b0;margin:0}.media-channels-page .schedulers-content .admin-table-container{background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto;box-shadow:0 4px 6px #0000001a;flex:1;display:flex;flex-direction:column;padding-bottom:1rem}.media-channels-page .schedulers-content .admin-table-container .admin-table{width:100%;border-collapse:collapse;background:transparent;flex:1;min-width:1200px}.media-channels-page .schedulers-content .admin-table-container .admin-table thead{background:#2196f31a;position:sticky;top:0;z-index:10}.media-channels-page .schedulers-content .admin-table-container .admin-table thead .scheduler-table-header-cell{padding:.75rem .5rem;text-align:center;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:#2196f3;border-bottom:1px solid rgba(33,150,243,.2);position:relative}.media-channels-page .schedulers-content .admin-table-container .admin-table thead .scheduler-table-header-cell:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:#2196f3;transition:width .3s ease}.media-channels-page .schedulers-content .admin-table-container .admin-table thead .scheduler-table-header-cell:hover:after{width:80%}.media-channels-page .schedulers-content .admin-table-container .admin-table tbody tr{transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.media-channels-page .schedulers-content .admin-table-container .admin-table tbody tr:hover{background:#2196f30d;transform:scale(1.01)}.media-channels-page .schedulers-content .admin-table-container .admin-table tbody tr:last-child{border-bottom:none}.media-channels-page .schedulers-content .admin-table-container .admin-table tbody tr td{padding:.5rem;text-align:center;vertical-align:middle;color:#fff;font-size:.9rem;border-bottom:0}.media-channels-page .row-channel-thumbnail{display:flex;gap:1rem;align-items:center;padding:.25rem .5rem;font-weight:600;min-height:50px;text-align:left;border-bottom:0}.media-channels-page .row-channel-thumbnail svg{width:3rem;height:3rem;border-radius:8px;color:#2196f399;background:#2196f31a;padding:0;transition:all .3s ease;flex-shrink:0}.media-channels-page .row-channel-thumbnail svg:hover{color:#2196f3;background:#2196f333;transform:scale(1.05)}.media-channels-page .channel-thumbnail{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0003;transition:all .3s ease;flex-shrink:0;border-bottom:0}.media-channels-page .channel-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.media-channels-page .channel-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;border-bottom:0}.media-channels-page .channel-thumbnail img:hover{transform:scale(1.1)}.media-channels-page .row-channel-tags{overflow:hidden;max-width:200px;padding:.25rem .5rem;text-align:center;position:relative}.media-channels-page .row-channel-tags div{text-wrap:nowrap;overflow-x:auto;max-width:200px;height:40px;display:flex;align-items:center;gap:.5rem;padding:0;position:relative}.media-channels-page .row-channel-tags div span{padding:.3rem .6rem;border:1px solid rgba(33,150,243,.6);border-radius:16px;font-size:.7rem;font-weight:500;background:linear-gradient(135deg,#2196f333,#2196f31a);color:#2196f3;margin:.15rem;transition:all .3s ease;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;position:relative}.media-channels-page .row-channel-tags div span:hover{background:linear-gradient(135deg,#2196f34d,#2196f333);border-color:#2196f3}.media-channels-page .row-channel-categories{overflow:hidden;max-width:200px;padding:.25rem .5rem;text-align:left;position:relative}.media-channels-page .row-channel-categories div{text-wrap:nowrap;overflow-x:auto;max-width:200px;height:40px;display:flex;align-items:center;justify-content:left;color:#b0b0b0;font-size:.85rem;line-height:1.4;position:relative}.media-channels-page .action-cell{display:table-cell}.media-channels-page .action-cell div{display:flex;gap:.5rem;justify-content:center;align-items:center;height:100%;border-bottom:0;vertical-align:middle}.media-channels-page .action-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;flex-shrink:0;vertical-align:middle}.media-channels-page .action-button svg{padding:0}.media-channels-page .action-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.media-channels-page .action-button:active{transform:translateY(0)}.media-channels-page .action-button.edit-button{color:#2196f3;border-color:#2196f34d}.media-channels-page .action-button.edit-button:hover{background:#2196f31a;border-color:#2196f3}.media-channels-page .action-button.delete{color:#e74c3c;border-color:#e74c3c4d}.media-channels-page .action-button.delete:hover{background:#e74c3c1a;border-color:#e74c3c}.media-channels-page .action-button .action-icon{font-size:1rem;width:1rem;height:1rem;flex-shrink:0}.media-channels-page .epg-button{background:linear-gradient(135deg,#2196f333,#2196f31a);border:1px solid rgba(33,150,243,.4);border-radius:8px;padding:.5rem .75rem;color:#2196f3;font-weight:500;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.media-channels-page .epg-button:hover{background:linear-gradient(135deg,#2196f34d,#2196f333);border-color:#2196f3;transform:translateY(-1px);box-shadow:0 4px 12px #2196f34d}.media-channels-page .epg-button:active{transform:translateY(0)}.media-channels-page .epg-button .epg-button-icon{font-size:1rem;width:1rem;height:1rem;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.media-channels-page{padding:1rem}.media-channels-page .header{flex-direction:column;align-items:flex-start;gap:1rem}.media-channels-page .header h1{font-size:1.5rem}.media-channels-page .header .create-button{width:100%;justify-content:center;padding:.875rem 1.5rem}.media-channels-page .schedulers-content{min-height:calc(100vh - 200px)}.media-channels-page .admin-table-container{overflow-x:auto}.media-channels-page .admin-table-container .admin-table{min-width:1200px}}@media (max-width: 480px){.media-channels-page{padding:.75rem}.media-channels-page .header{margin-bottom:1rem;padding-bottom:.75rem}.media-channels-page .header h1{font-size:1.25rem}.media-channels-page .header .create-button{font-size:.9rem;padding:.75rem 1.25rem}.media-channels-page .header .button-icon{font-size:1rem}}.media-channel-header{display:flex;gap:1rem;width:100%;background:#1a1a1a;padding:10px;max-height:var(--header-height);height:var(--header-height);border-bottom:2px solid #333;border-radius:20px 20px 0 0}.media-channel-logo{display:flex;align-items:center;justify-content:center;width:130px;height:130px;flex:0 0 var(--header-height);max-width:130px;max-height:130px;position:relative}.media-channel-logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background:#262626;border:2px dashed #404040}.media-channel-logo .media-channel-thumbnail{position:relative;z-index:1;height:100%;width:100%;border-radius:10px;object-fit:cover;animation:logoPop .35s ease-out}.media-channel-logo svg{position:relative;z-index:1;width:70%;height:70%;color:#666}.media-channel-logo .media-channel-logo-upload{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;cursor:pointer;z-index:2;border-radius:10px}.media-channel-logo .media-channel-logo-upload:hover label{display:flex}.media-channel-logo .media-channel-logo-upload label{min-width:100%;height:100%;margin:0;display:none;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;border:2px solid #2196f3;background:#2196f32e}.media-channel-logo .media-channel-logo-upload svg{width:28px;height:28px;color:#2196f3}.media-channel-logo .media-channel-logo-upload input{display:none}.media-channel-form{display:flex;flex-direction:column;gap:5px;width:calc((100% - var(--header-height) - 30px) / 2);height:100%;flex:0 0 auto}.media-channel-form-row{display:flex;flex-direction:column;gap:6px}.media-channel-form-row label{margin:0}.media-channel-form-row input{background:#262626;color:#f4f4f5;border:1px solid #404040;border-radius:6px;padding:8px 12px;height:36px}.media-channel-form-row .react-select-container{position:relative;z-index:2}.media-channel-form-row .react-select-container .react-select__control{background:#262626;border:1px solid #404040;min-height:36px;height:36px;box-shadow:none;align-items:center;overflow:visible;display:flex;flex-wrap:nowrap;transition:border-color .15s ease,box-shadow .15s ease}.media-channel-form-row .react-select-container .react-select__control:hover{border-color:#4f4f4f}.media-channel-form-row .react-select-container .react-select__control--is-focused{border-color:#2196f3;box-shadow:0 0 0 2px #2196f338}.media-channel-form-row .react-select-container .react-select__placeholder{color:#9ca3af}.media-channel-form-row .react-select-container .react-select__value-container{padding:0 8px;color:#f4f4f5;gap:2px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;display:flex;align-items:center;flex-wrap:nowrap;flex:1 1 auto;scrollbar-width:thin;max-width:calc(100% - 64px)}.media-channel-form-row .react-select-container .react-select__value-container::-webkit-scrollbar{height:6px}.media-channel-form-row .react-select-container .react-select__value-container::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.media-channel-form-row .react-select-container .react-select__indicators{display:flex;align-items:center;padding-right:6px;flex:0 0 auto}.media-channel-form-row .react-select-container .react-select__indicator-separator{display:block;width:1px;background:#404040;height:100%;margin:0 6px}.media-channel-form-row .react-select-container .react-select__single-value{color:#f4f4f5}.media-channel-form-row .react-select-container .react-select__multi-value{background:#2a2a2a;border:1px solid #404040;color:#f4f4f5;border-radius:6px;display:inline-flex;flex:0 0 auto;margin-right:2px;height:22px;box-shadow:none;outline:none}.media-channel-form-row .react-select-container .react-select__multi-value__label{color:#f4f4f5;padding:0 4px;font-size:12px;line-height:22px}.media-channel-form-row .react-select-container .react-select__multi-value__remove{color:#f4f4f5;background:transparent;padding:0 4px;display:flex;align-items:center;cursor:pointer}.media-channel-form-row .react-select-container .react-select__multi-value__remove:hover{background:#2196f340;color:#fff}.media-channel-form-row .react-select-container .react-select__input-container{display:inline-block;white-space:nowrap;padding:0;margin:0}.media-channel-form-row .react-select-container .react-select__menu{background:#262626;color:#f4f4f5;border:1px solid #404040;box-shadow:0 8px 20px #00000059;z-index:10000}.media-channel-form-row .react-select-container .react-select__menu-list{padding:4px}.media-channel-form-row .react-select-container .react-select__option{background:transparent;border-radius:6px;padding:8px 10px;cursor:pointer}.media-channel-form-row .react-select-container .react-select__option--is-focused{background:#ffffff0f}.media-channel-form-row .react-select-container .react-select__option--is-selected{background:#2196f340;color:#fff}.media-channel-form-row .react-select-container .react-select__input-container input{color:#f4f4f5}.media-channel-form-row .react-select-container .react-select__indicator svg{color:#f4f4f5;cursor:pointer}.media-channel-form-row .react-select-container .react-select__clear-indicator,.media-channel-form-row .react-select-container .react-select__dropdown-indicator{display:flex;cursor:pointer}.media-channel-form-row .react-select-container .react-select__clear-indicator svg{color:#cbd5e1}.media-channel-form-row .react-select-container .react-select__dropdown-indicator{padding-right:8px}.media-channel-list-table{max-height:calc(100vh - var(--header-height) - var(--page-header-height) - 100px);overflow-y:auto;width:100%;padding:0 8px 8px}.media-channel-list-table table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.media-channel-list-table .file-duration{color:#2196f3;font-size:.85rem;padding:0}.media-channel-list-table th:nth-child(1){width:50px;text-align:center}.media-channel-list-table th:nth-child(2){width:auto;min-width:0}.media-channel-list-table th:nth-child(3){width:120px;text-align:center}.media-channel-list-table th:nth-child(4){width:120px;text-align:center}.media-channel-list-table tr td:nth-child(1),.media-channel-list-table tr td:nth-child(3){text-align:center}.media-channel-list-table td{padding:6px 8px}.media-channel-list-table tr td:nth-child(2){text-wrap:nowrap;overflow:hidden;padding:6px 12px;max-width:0}.media-channel-list-table tr td:nth-child(2) p{display:flex;align-items:center;gap:10px;position:relative;min-width:0;overflow:hidden;width:100%}.media-channel-list-table tr td:nth-child(2) svg{padding:5px;height:24px;width:24px;cursor:pointer;flex-shrink:0;min-width:24px}.media-channel-list-table tr td:nth-child(2) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1;display:block}.media-channel-list-table tr td:nth-child(2) svg:hover{color:#2196f3}.media-channel-list-table tr td:nth-child(4){display:flex;justify-content:end;gap:5px;height:48px;cursor:default;align-items:center}.action-cell{display:flex;justify-content:end;gap:5px;height:48px;flex:0 0 100px;cursor:default;pointer-events:auto}.action-cell svg{cursor:pointer;padding:5px;width:24px;height:24px;border-radius:4px;transition:all .2s ease;position:relative;z-index:10;flex:0 0 24px}.action-cell svg:hover{background-color:#2196f31a;border-radius:4px;box-shadow:0 2px 6px #0000001a;color:#2196f3;transform:scale(1.1)}.action-cell svg:active{transform:scale(.95)}.action-cell .delete-button:hover{color:#e74c3c;background-color:#e74c3c1a}[data-no-dnd=true],[data-no-dnd=true] *{cursor:pointer!important;pointer-events:auto!important}.media-channel-list-table tr{border-bottom:none;transition:all .2s ease}.media-channel-list-table td{border-bottom:1px solid #333;transition:all .2s ease}.media-channel-list-table tr td{height:48px;min-height:48px;max-height:48px;cursor:grab}.media-channel-list-table tr td:active{cursor:grabbing}.media-channel-list-table tr:hover{background-color:#2196f314;transform:translate(2px)}.media-channel-list-table tr td:nth-child(4) svg{cursor:pointer;padding:6px;width:24px;height:24px;border-radius:4px;transition:all .2s ease;position:relative;z-index:10}.media-channel-list-table tr td:nth-child(4) svg:hover{background-color:#2196f326;color:#2196f3;transform:scale(1.05)}.media-channel-list-table tr td:nth-child(4) svg:active{transform:scale(.95)}.media-channel-list-table tr td:nth-child(4) svg:last-child:hover{color:#e74c3c;background-color:#e74c3c26}.media-channel-list-table tr[data-dragging=true]{opacity:.5;transform:rotate(2deg);box-shadow:0 8px 16px #0003;z-index:1000}.media-channel-list-table tr[data-dragging=true] td{cursor:grabbing}.media-channel-list-table tr[data-dragging=true] td:nth-child(4){cursor:default}.media-channel-list-table tr[data-over=true]{border-top:3px solid #2196f3;background-color:#2196f31a}@keyframes dragPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.media-channel-list-table tr[data-dragging=true]{animation:dragPulse .3s ease-in-out}.element-metadata{position:absolute;bottom:0;left:0;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #404040;border-radius:16px;color:#fff;display:flex;flex-direction:column;gap:20px;padding:20px;box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:500px;max-width:500px;z-index:1000}.top-section{display:flex;gap:20px;align-items:flex-start}.thumbnail-container{flex-shrink:0;width:140px;height:140px;display:flex;align-items:center;justify-content:center;position:relative}.thumbnail-image{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 4px 16px #0000004d}.thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#333,#444);border-radius:12px;display:flex;align-items:center;justify-content:center;border:2px dashed #666}.placeholder-icon{width:48px;height:48px;color:#888;display:block;margin:0 auto;position:relative;top:0;left:0;transform:none}.top-right-info{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden}.type-badge{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;align-self:flex-start}.series-badge{background:linear-gradient(135deg,#ff6b35,#f7931e)}.filename-section,.episode-section,.seasons-section{display:flex;flex-direction:column;gap:6px}.metadata-value{font-size:14px;color:#fff;font-weight:400;line-height:1.4}.filename-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#ffffff0d;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.1);font-size:12px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-value{background:#2196f31a;padding:6px 10px;border-radius:8px;border:1px solid rgba(33,150,243,.2);font-weight:500;color:#64b5f6}.seasons-value{background:#ff6b351a;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,107,53,.2);font-weight:500;color:#ffb74d}.bottom-section{display:flex;flex-direction:column;gap:16px}.item-title{margin:0;font-size:20px;font-weight:600;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.description-section{display:flex;flex-direction:column;gap:8px}.description-text{font-size:14px;color:#ccc;line-height:1.6;max-height:100px;overflow-y:auto;padding-right:4px}.description-text::-webkit-scrollbar{width:4px}.description-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.description-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.description-text::-webkit-scrollbar-thumb:hover{background:#ffffff80}.series-editor{display:flex;flex-direction:column;height:100vh;background:#1a1a1a;overflow:hidden;animation:slideUp .3s ease-out;border-left:3px solid #2196f3}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.series-editor-header{background:#1a1a1a;padding-bottom:10px;border-bottom:2px solid #333;box-shadow:0 2px 4px #0000004d}.series-editor .series-preview-section{display:flex;gap:16px;align-items:flex-start}.series-editor .series-preview-section .series-thumbnail{position:relative;width:130px;height:130px;border-radius:10px;overflow:hidden;background:#262626;border:2px dashed #404040;display:flex;align-items:center;justify-content:center;flex-shrink:0}.series-editor .series-preview-section .series-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:10px;animation:logoPop .35s ease-out}.series-editor .series-preview-section .series-thumbnail .thumbnail-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#666;font-size:32px;background:#262626;border:none}.series-editor .series-preview-section .series-thumbnail .thumbnail-placeholder svg{width:70%;height:70%}.series-editor .series-preview-section .series-thumbnail .thumbnail-upload{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;cursor:pointer}.series-editor .series-preview-section .series-thumbnail .thumbnail-upload:hover label{display:flex}.series-editor .series-preview-section .series-thumbnail .thumbnail-upload label{min-width:100%;height:100%;margin:0;display:none;align-items:center;justify-content:center;cursor:pointer;border-radius:10px;border:2px solid #2196f3;background:#2196f333}.series-editor .series-preview-section .series-thumbnail .thumbnail-upload label svg{width:24px;height:24px;color:#2196f3}.series-editor .series-preview-section .series-thumbnail .thumbnail-upload input{display:none}.series-editor .series-preview-section .series-info{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:20px 0}.series-editor .series-preview-section .series-info .series-title,.series-editor .series-preview-section .series-info .series-description{display:flex;align-items:center;justify-content:center;gap:12px}.series-editor .series-preview-section .series-info .series-title label,.series-editor .series-preview-section .series-info .series-description label{margin:0;width:100px}.series-editor .series-preview-section .series-info .series-title input{width:100%;padding:8px 12px;border:1px solid #404040;border-radius:6px;font-size:14px;font-weight:500;background:#262626;color:#f4f4f5;transition:border-color .2s ease}.series-editor .series-preview-section .series-info .series-title input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.series-editor .series-preview-section .series-info .series-title input.has-error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.series-editor .series-preview-section .series-info .series-description input{width:100%;padding:8px 12px;border:1px solid #404040;border-radius:6px;font-size:13px;background:#262626;color:#f4f4f5;transition:border-color .2s ease}.series-editor .series-preview-section .series-info .series-description input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.series-editor .series-preview-section .series-info .series-editor__field-error{height:16px;line-height:16px;margin:-4px 0 4px 112px;color:#dc3545;font-size:11px;opacity:0;transition:opacity .15s ease}.series-editor .series-preview-section .series-info .series-editor__field-error.show{opacity:1}.series-editor-content{display:flex;flex:1;overflow:hidden}.series-editor .seasons-section{width:160px;flex:0 0 160px;min-width:160px;background:#1a1a1a;border-right:2px solid #333;display:flex;flex-direction:column}.series-editor .seasons-section .seasons-header{padding:8px 10px;border-bottom:1px solid #333}.series-editor .seasons-section .seasons-header h3{margin:0;font-size:14px;font-weight:600;color:#f4f4f5}.series-editor .seasons-section .seasons-list{flex:1;overflow-y:auto;padding:6px}.series-editor .seasons-section .seasons-list .season-item{display:flex;align-items:center;padding:6px;margin-bottom:6px;border-radius:6px;background:#262626;border:1px solid transparent;cursor:pointer;transition:all .2s ease;gap:4px;height:48px}.series-editor .seasons-section .seasons-list .season-item:hover{background:#2a2a2a;border-color:#404040}.series-editor .seasons-section .seasons-list .season-item.active{background:#2196f31a;border-color:#2196f3;box-shadow:0 2px 8px #2196f333}.series-editor .seasons-section .seasons-list .season-item .season-info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.series-editor .seasons-section .seasons-list .season-item .season-info .season-number{font-weight:500;color:#f4f4f5;font-size:13px}.series-editor .seasons-section .seasons-list .season-item .season-info .episode-count{font-size:11px;color:#a1a1aa}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit{display:flex;align-items:center;gap:6px}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .season-number-input{width:70px;padding:3px 6px;border:1px solid #404040;border-radius:4px;font-size:12px;text-align:center;background:#1a1a1a;color:#f4f4f5}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .save-btn,.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .cancel-btn{width:20px;height:20px;border:none;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:10px}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .save-btn svg,.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .cancel-btn svg{flex:0 0 20px}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .save-btn{background:#28a745;color:#fff}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .save-btn:hover{background:#218a39}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .cancel-btn{background:#dc3545;color:#fff}.series-editor .seasons-section .seasons-list .season-item .season-info .season-edit .cancel-btn:hover{background:#ca2333}.series-editor .seasons-section .seasons-list .season-item .season-actions{display:flex;gap:3px;justify-content:center;width:51px}.series-editor .seasons-section .seasons-list .season-item .season-actions .action-btn{width:24px;height:24px;border:none;border-radius:3px;background:transparent;color:#a1a1aa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:12px}.series-editor .seasons-section .seasons-list .season-item .season-actions .action-btn svg{flex:0 0 24px}.series-editor .seasons-section .seasons-list .season-item .season-actions .action-btn:hover{background:#ffffff1a;color:#f4f4f5}.series-editor .seasons-section .seasons-list .season-item .season-actions .action-btn.edit-btn:hover{background:#2196f31a;color:#2196f3}.series-editor .seasons-section .seasons-list .season-item .season-actions .action-btn.delete-btn:hover{background:#dc35451a;color:#dc3545}.series-editor .episodes-section{flex:1;min-width:0;display:flex;flex-direction:column;background:#1a1a1a}.series-editor .episodes-section .episodes-header{padding:12px 16px;border-bottom:1px solid #333;display:flex;align-items:center;justify-content:space-between}.series-editor .episodes-section .episodes-header .episodes-title{font-size:14px;font-weight:600;color:#f4f4f5}.series-editor .episodes-section .episodes-header .episodes-actions{display:flex;gap:8px}.series-editor .episodes-section .episodes-header .episodes-actions .btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.series-editor .episodes-section .episodes-header .episodes-actions .btn-primary{background:#2196f3;color:#fff}.series-editor .episodes-section .episodes-header .episodes-actions .btn-primary:hover{background:#0c7cd5;transform:translateY(-1px);box-shadow:0 2px 6px #2196f34d}.series-editor .episodes-section .episodes-header .episodes-actions .btn-secondary{background:#6c757d;color:#fff}.series-editor .episodes-section .episodes-header .episodes-actions .btn-secondary:hover{background:#5b636a;transform:translateY(-1px);box-shadow:0 2px 6px #6c757d4d}.series-editor .episodes-section .episodes-header .episodes-actions .btn-success{background:#28a745;color:#fff}.series-editor .episodes-section .episodes-header .episodes-actions .btn-success:hover{background:#218a39;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.series-editor .episodes-section .episodes-table-container{flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.series-editor .episodes-section .episodes-table-container .episodes-table{width:100%;border-collapse:collapse;flex:1;overflow:hidden;display:flex;flex-direction:column;min-width:0}.series-editor .episodes-section .episodes-table-container .episodes-table thead tr{display:flex}.series-editor .episodes-section .episodes-table-container .episodes-table thead th{padding:6px 2px;text-align:center;font-weight:600;color:#f4f4f5;border-bottom:2px solid #404040;flex:1 1 0;font-size:12px;height:auto}.series-editor .episodes-section .episodes-table-container .episodes-table thead th:first-child{padding:6px 12px;flex:1 1 auto;text-align:left}.series-editor .episodes-section .episodes-table-container .episodes-table thead th:nth-child(2){flex:0 0 80px}.series-editor .episodes-section .episodes-table-container .episodes-table thead th:nth-child(3){flex:0 0 100px}.series-editor .episodes-section .episodes-table-container .episodes-table thead th:nth-child(4){flex:0 0 120px}.series-editor .episodes-section .episodes-table-container .episodes-table tbody{flex:1;overflow-y:auto;display:block}.series-editor .episodes-section .episodes-table-container .episodes-table tbody tr{display:flex;align-items:center;border-bottom:1px solid #333;transition:background-color .2s ease}.series-editor .episodes-section .episodes-table-container .episodes-table tbody tr:hover{background:#262626}.series-editor .episodes-section .episodes-table-container .episodes-table tbody td{padding:6px 8px;flex:1 1 0;display:flex;align-items:center;border:none}.series-editor .episodes-section .episodes-table-container .episodes-table tbody td:first-child{flex:1 1 auto;justify-content:flex-start;text-align:left;min-width:0}.series-editor .episodes-section .episodes-table-container .episodes-table tbody td:not(:first-child){justify-content:center;text-align:center}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-title{font-weight:500;color:#f4f4f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;gap:10px}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-title svg{flex:0 0 13px}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-title .episode-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;min-width:0;max-width:100%}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-number{font-family:Courier New,monospace;font-weight:600;color:#a1a1aa;display:table-cell;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;width:80px;text-align:center;flex:0 0 100px}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-duration{color:#2196f3;font-size:11px;justify-content:center;text-align:center;flex:0 0 100px}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-actions{justify-content:center;gap:3px;flex:0 0 120px}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-actions .action-btn{width:28px;height:28px;border-radius:4px;font-size:12px;padding:0}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-actions .action-btn svg{margin:0 auto;padding:0;display:block}.series-editor .episodes-section .episodes-table-container .episodes-table tbody .episode-actions .action-btn:hover{transform:scale(1.05)}.series-editor .seasons-list::-webkit-scrollbar,.series-editor .episodes-table tbody::-webkit-scrollbar{width:6px}.series-editor .seasons-list::-webkit-scrollbar-track,.series-editor .episodes-table tbody::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.series-editor .seasons-list::-webkit-scrollbar-thumb,.series-editor .episodes-table tbody::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.series-editor .seasons-list::-webkit-scrollbar-thumb:hover,.series-editor .episodes-table tbody::-webkit-scrollbar-thumb:hover{background:#525252}@media (max-width: 768px){.series-editor .series-preview-section{flex-direction:column;align-items:center}.series-editor .series-preview-section .series-thumbnail{width:100px;height:70px}.series-editor .seasons-section{width:90px}.series-editor .episodes-section .episodes-header .episodes-actions{flex-direction:column;gap:6px}}.content-editor{position:fixed;left:0;right:auto;border-radius:10px;bottom:0;top:auto;width:min(540px,100%);background:#1a1a1a;border-top:3px solid #2196f3;box-shadow:0 -8px 24px #00000059;transform:translateY(100%);opacity:0;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .24s ease-out;display:flex;flex-direction:column;z-index:1000}.content-editor.open{transform:translateY(0);opacity:1}.content-editor__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #333;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.content-editor__header h3{margin:0;color:#f4f4f5;font-size:16px;font-weight:600}.content-editor__header .icon-btn{background:transparent;border:none;padding:0;color:#a1a1aa;width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.content-editor__header .icon-btn:hover{background:#ffffff0f;color:#f4f4f5}.content-editor__header .icon-btn:active{transform:scale(.96)}.content-editor__meta{display:flex;align-items:center;gap:10px;padding:8px 16px;color:#a1a1aa;border-bottom:1px dashed #333;font-size:12px}.content-editor__meta .meta__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#f4f4f5}.content-editor__meta .meta__dot{width:6px;height:6px;border-radius:50%;background:#404040;flex:0 0 6px}.content-editor__meta .meta__duration{color:#2196f3;font-weight:600}.content-editor__body{display:flex;gap:16px;padding:16px;overflow:auto;flex:1}.content-editor__body .thumb{flex:0 0 130px}.content-editor__body .thumb__box{position:relative;width:130px;height:130px;background:#262626;border:2px dashed #404040;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;transform:translateY(8px) scale(.98);opacity:0}.content-editor.open .content-editor__body .thumb__box{animation:thumbIn .36s cubic-bezier(.2,.8,.2,1) forwards 90ms}.content-editor__body .thumb__box img{width:100%;height:100%;object-fit:cover;border-radius:10px;animation:logoPop .35s ease-out}.content-editor__body .thumb__box .thumb__placeholder{width:100%;height:100%;color:#666;display:flex;align-items:center;justify-content:center}.content-editor__body .thumb__box .thumb__placeholder svg{width:70%;height:70%}.content-editor__body .thumb__box .thumb__upload{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2196f300;border-radius:10px;cursor:pointer;transition:background .2s ease;margin:0}.content-editor__body .thumb__box .thumb__upload input{display:none}.content-editor__body .thumb__box .thumb__upload svg{color:#2196f3;width:24px;height:24px;display:none}.content-editor__body .thumb__box .thumb__upload:hover{border:2px solid #2196f3;background:#2196f333}.content-editor__body .thumb__box .thumb__upload:hover svg{display:block}.content-editor__body .fields{flex:1;display:flex;flex-direction:column;gap:6px}.content-editor__body .fields label{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(6px)}.content-editor__body .fields label:first-child{margin:0}.content-editor__body .fields label:nth-child(3){margin-bottom:18px}.content-editor__body .fields span{width:110px;color:#f4f4f5}.content-editor__body .fields input,.content-editor__body .fields textarea{flex:1;background:#262626;color:#f4f4f5;border:1px solid #404040;border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.content-editor__body .fields input:focus,.content-editor__body .fields textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f333}.content-editor__body .fields input.has-error,.content-editor__body .fields textarea.has-error{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.content-editor__body .fields textarea{resize:none;min-height:90px}.content-editor__body .fields .content-editor__field-error{height:16px;line-height:16px;margin:-4px 0 4px 122px;color:#dc3545;font-size:11px;opacity:0;transition:opacity .15s ease;text-align:right}.content-editor__body .fields .content-editor__field-error.show{opacity:1}.content-editor__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #333;background:linear-gradient(0deg,rgba(255,255,255,.02),transparent)}.content-editor__footer .btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:13px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.content-editor__footer .btn--secondary{background:#6c757d;color:#fff}.content-editor__footer .btn--secondary:hover{background:#5a6268;transform:translateY(-1px)}.content-editor__footer .btn--primary{background:#2196f3;color:#fff}.content-editor__footer .btn--primary:hover{background:#0c7cd5;transform:translateY(-1px)}.content-editor__footer .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.content-editor__footer .btn .spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes subtleFloat{0%{transform:translate(0) translateY(0)}50%{transform:translate(0) translateY(-2px)}to{transform:translate(0) translateY(0)}}.content-editor.open .thumb__box{animation:subtleFloat 3s ease-in-out infinite}@keyframes fieldIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes thumbIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoPop{0%{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}.content-editor.open .fields label:nth-of-type(1){animation:fieldIn .26s ease-out forwards 60ms}.content-editor.open .fields label:nth-of-type(2){animation:fieldIn .26s ease-out forwards .12s}.content-editor.open .fields label:nth-of-type(3){animation:fieldIn .26s ease-out forwards .18s}@media (prefers-reduced-motion: reduce){.content-editor{transition:none}.content-editor.open .fields label,.content-editor.open .thumb__box{animation:none;opacity:1;transform:none}}.content-editor__overlay{position:fixed;left:0;width:0;top:var(--header-height);bottom:0;background:#12121266;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:0;transform:translateZ(0);transition:opacity .22s ease-out;z-index:999}.content-editor__overlay.open{opacity:1}:root{--header-height: 160px;--page-header-height: 72px}.media-channel{display:flex;flex-direction:column;width:100%;height:100%;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-channel-body{display:flex;width:100%;height:100%;gap:0}.media-channel-list{height:100%;flex:2;min-width:500px;max-width:800px;background:#1a1a1a;position:relative;overflow:hidden;border-radius:8px 0 0 8px}.media-channel-files{height:100%;flex:1;min-width:300px;background:#1a1a1a;border-left:1px solid #333;padding:12px;overflow-y:auto;border-radius:0 8px 8px 0;overflow-x:hidden}.media-channel-files-content{padding-top:10px}.media-channel-file-list{max-height:calc(100vh - var(--header-height) - var(--page-header-height) - 155px);overflow-y:auto}.media-channel-files-content-files{display:flex;align-items:center;gap:6px;text-wrap:nowrap;overflow:hidden;padding:6px 10px;cursor:pointer;border:1px solid transparent;border-bottom:1px solid #333;border-radius:4px;transition:all .2s ease}.media-channel-files-content-files .folder{padding-left:8px}.media-channel-files-content-files svg{flex:0 0 16px;transition:color .2s ease}.media-channel-files-content-files:hover{background:#222;border:1px solid #444;transform:translate(2px)}.media-channel-files-content-files:hover{color:#2196f3}.media-channel-files-content-files:hover svg{color:#2196f3}.react-select__value-container{flex-wrap:nowrap!important;overflow-x:auto}.added-file .minus{display:none;color:#e74c3c}.added-file .check{display:block;color:#10b981}.media-channel-files-content-files:hover .added-file .check{display:none}.media-channel-files-content-files:hover .added-file .minus{display:block}.media-channel .save-button-highlight{position:fixed;bottom:20px;right:20px;transition:all .2s ease}.media-channel .save-button-highlight:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.media-channel-list-buttons{display:flex;justify-content:end;padding:10px}.media-channel-list-buttons .create-button{padding:8px 16px;font-size:14px;transition:all .2s ease}.media-channel-list-buttons .create-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.media-channel-series{display:flex;gap:5px;height:var(--header-height);padding-bottom:10px}.media-channel-series .media-channel-form{width:calc(100% - var(--header-height))}.series-editor{position:absolute;right:0;top:0;z-index:11;background:#1a1a1a;height:100%;width:100%;padding:10px}.modal-overlay .modal-content,.dark-modal .modal-content{width:100%!important;max-width:900px!important;min-width:600px!important;border:1.5px solid rgba(92,180,255,.13)}.modal-content table,.dark-modal table{width:100%!important;min-width:100%!important;table-layout:auto!important;border-collapse:collapse;background:transparent}.create-schedule-modal-content{background-color:#121212;border-radius:8px;box-shadow:0 4px 20px #00000026;width:500px;max-width:90%;padding:12px;max-height:90vh;overflow-y:auto;position:relative;animation:modalFadeIn .3s ease-out;border:1px solid #333}.modal-content table th,.dark-modal table th{padding:12px 16px!important;text-align:left;border-bottom:1px solid #333;word-wrap:break-word;min-width:120px;background:#262626!important;font-weight:600;color:#f4f4f5!important;position:sticky;top:0;z-index:10}.modal-content table td,.dark-modal table td{padding:12px 16px!important;text-align:left;border-bottom:1px solid #333;word-wrap:break-word;min-width:120px;background:#1a1a1a!important;color:#e5e5e5!important;vertical-align:top}.modal-content table tr:hover td,.dark-modal table tr:hover td{background:#2a2a2a!important}.modal-content .table-container,.dark-modal .table-container{width:100%!important;overflow-y:auto;overflow-x:auto;border-radius:8px;border:1px solid #333;box-shadow:0 4px 6px #0000004d}.modal-content table input,.modal-content table select,.modal-content table textarea,.dark-modal table input,.dark-modal table select,.dark-modal table textarea{width:100%!important;min-width:120px!important;background:#262626!important;border:1px solid #404040!important;border-radius:4px;padding:8px 12px;color:#f4f4f5!important;font-size:.9rem;transition:all .2s ease}.modal-content table input:focus,.modal-content table select:focus,.modal-content table textarea:focus,.dark-modal table input:focus,.dark-modal table select:focus,.dark-modal table textarea:focus{outline:none;border-color:#059669!important;box-shadow:0 0 0 2px #0596691a}.modal-content table input::placeholder,.dark-modal table input::placeholder{color:#9ca3af!important}.modal-content table button,.dark-modal table button{padding:6px 12px;border-radius:4px;border:none;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;margin:2px;white-space:nowrap}.modal-content table .btn-primary,.dark-modal table .btn-primary{background:#059669!important;color:#fff!important}.modal-content table .btn-primary:hover,.dark-modal table .btn-primary:hover{background:#047857!important}.modal-content table .btn-secondary,.dark-modal table .btn-secondary{background:#374151!important;color:#e5e5e5!important}.modal-content table .btn-secondary:hover,.dark-modal table .btn-secondary:hover{background:#4b5563!important}.modal-content table .btn-danger,.dark-modal table .btn-danger{background:#dc2626!important;color:#fff!important}.modal-content table .btn-danger:hover,.dark-modal table .btn-danger:hover{background:#b91c1c!important}.modal-content table input[type=checkbox],.modal-content table input[type=radio],.dark-modal table input[type=checkbox],.dark-modal table input[type=radio]{width:auto!important;min-width:auto!important;margin:0 8px 0 0;accent-color:#059669}.modal-content table select,.dark-modal table select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (max-width: 1024px){.modal-overlay .modal-content,.dark-modal .modal-content{max-width:90vw!important;min-width:auto!important}.modal-content table,.dark-modal table{font-size:.85rem}.modal-content table th,.modal-content table td,.dark-modal table th,.dark-modal table td{padding:8px 12px!important;min-width:100px}}@media (max-width: 768px){.modal-overlay .modal-content,.dark-modal .modal-content{max-width:95vw!important;min-width:auto!important}.modal-content table,.dark-modal table{font-size:.8rem}.modal-content table th,.modal-content table td,.dark-modal table th,.dark-modal table td{padding:6px 8px!important;min-width:80px}.modal-content table input,.modal-content table select,.modal-content table textarea,.dark-modal table input,.dark-modal table select,.dark-modal table textarea{padding:6px 8px;font-size:.8rem;min-width:80px!important}.modal-content table button,.dark-modal table button{padding:4px 8px;font-size:.75rem}}@media (max-width: 480px){.modal-overlay .modal-content,.dark-modal .modal-content{margin:5px;max-width:calc(100vw - 10px)!important}.modal-content table th,.modal-content table td,.dark-modal table th,.dark-modal table td{padding:4px 6px!important;min-width:60px;font-size:.75rem}.modal-content .table-container,.dark-modal .table-container{margin:8px 0}.modal-content table,.modal-content table thead,.modal-content table tbody,.modal-content table th,.modal-content table td,.modal-content table tr,.dark-modal table,.dark-modal table thead,.dark-modal table tbody,.dark-modal table th,.dark-modal table td,.dark-modal table tr{display:block}.modal-content table thead tr,.dark-modal table thead tr{position:absolute;top:-9999px;left:-9999px}.modal-content table tr,.dark-modal table tr{border:1px solid #333;margin-bottom:10px;padding:8px;border-radius:4px}.modal-content table td,.dark-modal table td{border:none;position:relative;padding-left:50%!important;min-width:auto}.modal-content table td:before,.dark-modal table td:before{content:attr(data-label) ": ";position:absolute;left:6px;width:45%;padding-right:10px;white-space:nowrap;font-weight:600;color:#a1a1aa}}.modal-content .table-loading,.dark-modal .table-loading{text-align:center;padding:40px 20px;color:#a1a1aa;font-size:.9rem}.modal-content .table-empty,.dark-modal .table-empty{text-align:center;padding:40px 20px;color:#6b7280;font-style:italic}.modal-content .table-actions,.dark-modal .table-actions{display:flex;justify-content:space-between;align-items:center;margin:16px 0;flex-wrap:wrap;gap:12px}@media (max-width: 480px){.modal-content .table-actions,.dark-modal .table-actions{flex-direction:column;align-items:stretch}.modal-content .table-actions>*,.dark-modal .table-actions>*{width:100%}}:root{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:dark;--color-primary: #2196f3;--color-primary-light: #64b5f6;--color-primary-dark: #1976d2;--color-secondary: #6c5ce7;--color-secondary-light: #a29bfe;--color-success: #00b894;--color-success-light: #00d1a0;--color-warning: #fdcb6e;--color-warning-light: #ffeaa7;--color-danger: #ff4757;--color-danger-light: #ff6b81;--color-bg-primary: #121212;--color-bg-secondary: #1e1e1e;--color-bg-tertiary: #2a2a2a;--color-bg-elevated: #303030;--color-text-primary: rgba(255, 255, 255, .92);--color-text-secondary: rgba(255, 255, 255, .7);--color-text-tertiary: rgba(255, 255, 255, .5);--color-border-primary: #404040;--color-border-secondary: rgba(255, 255, 255, .15);--transition-fast: .2s;--transition-medium: .3s;--transition-slow: .5s;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .5);color:var(--color-text-primary);background-color:var(--color-bg-secondary)}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-bg-secondary)}#root{width:100%;height:100vh}a{font-weight:500;color:var(--color-primary);text-decoration:inherit;transition:color var(--transition-fast),transform var(--transition-fast);position:relative}a:hover{color:var(--color-primary-light);transform:translateY(-1px)}a:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:var(--color-primary-light);transform:scaleX(0);transform-origin:bottom right;transition:transform var(--transition-medium)}a:hover:after{transform:scaleX(1);transform-origin:bottom left}h1{font-size:3.2em;line-height:1.1;letter-spacing:-.5px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:Roboto,system-ui,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-medium);position:relative;overflow:hidden}button:hover{border-color:var(--color-primary);background-color:var(--color-bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-md)}button:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:var(--transition-medium)}button:hover:after{left:100%;transition:.5s}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}