body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.App{margin:0 auto;max-width:1200px;padding:20px}.message{animation:slideIn .3s ease;border-radius:10px;font-weight:600;margin:20px 0;padding:15px;text-align:center}.message.success{background:#4caf50;color:#fff}.message.error{background:#f44336;color:#fff}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.loading-container .spinner{animation:spin 1s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:60px;margin-bottom:20px;width:60px}.loading-container p{color:#fff;font-size:1.2em}.spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-top-color:#0000;height:14px;width:14px}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%)}to{transform:translateX(100%) translateY(100%)}}.text-center{text-align:center}.mt-10{margin-top:10px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.p-10{padding:10px}.p-20{padding:20px}.w-100{width:100%}.d-flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-10{gap:10px}.gap-20{gap:20px}@media (max-width:768px){.App{padding:10px}}@media (max-width:480px){.App{padding:5px}}.EmojiPickerReact{--epr-search-input-bg-color:#fff!important;--epr-search-input-text-color:#333!important}.EmojiPickerReact .epr-search-container{background:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:8px!important}.EmojiPickerReact input.epr-search{background-color:#f3f4f6!important;border:1px solid #d1d5db!important;padding-left:35px!important}.EmojiPickerReact .epr-icn-search{left:10px!important;top:50%!important;transform:translateY(-50%)!important}.EmojiPickerReact .epr-category-nav{background:#f9fafb!important;padding:8px!important}.login-container *{box-sizing:border-box;margin:0;padding:0}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-particles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.login-particles:after,.login-particles:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;width:400px}.login-particles:before{animation-delay:0s;left:-200px;top:-200px}.login-particles:after{animation-delay:10s;bottom:-200px;right:-200px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(100px,-100px) rotate(120deg)}66%{transform:translate(-100px,100px) rotate(240deg)}}.login-container:after,.login-container:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";position:absolute;z-index:1}.login-container:before{animation:pulse 15s infinite;height:600px;right:-200px;top:-300px;width:600px}.login-container:after{animation:pulse 20s infinite reverse;bottom:-250px;height:500px;left:-250px;width:500px}.login-container .login-box{animation:slideInUp .8s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 70px #0000004d,inset 0 0 0 1px #ffffff1a;max-width:460px;padding:50px 40px;position:relative;transition:transform .3s ease;width:100%;z-index:10}.login-container .login-box:hover{transform:translateY(-5px)}.login-container .login-box.loading{opacity:.8;pointer-events:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-container .login-header{animation:fadeInDown 1s ease .3s both;margin-bottom:40px;text-align:center}.login-container .logo-animation{align-items:center;animation:logoFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 20px;position:relative;width:80px}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.login-container .logo-icon{animation:rotateLogo 20s linear infinite;font-size:40px}@keyframes rotateLogo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-container .login-header h1{color:#fff;font-size:2.2em;font-weight:700;letter-spacing:-.5px;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.login-container .login-header p{color:#ffffffe6;font-size:1.1em;font-weight:400}.login-container .login-form{margin-bottom:25px}.login-container .form-group{animation:fadeIn 1s ease .5s both;margin-bottom:25px;position:relative}.login-container .form-group:nth-child(2){animation-delay:.6s}.login-container .form-group label{align-items:center;color:#ffffffe6;display:block;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.login-container .form-group label .icon{font-size:16px}.login-container .form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:14px;color:#fff;font-size:16px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-container .form-group input::placeholder{color:#ffffff80}.login-container .form-group input:focus{background:#ffffff26;border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff1a,0 10px 40px #0003;outline:none;transform:translateY(-2px)}.login-container .form-group input.has-value{background:#ffffff26}.login-container .password-input-wrapper{position:relative}.login-container .password-toggle{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:20px;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:all .3s}.login-container .password-toggle:hover{color:#fff;transform:translateY(-50%) scale(1.1)}.login-container .checkbox-group{margin-bottom:25px}.login-container .checkbox-label{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;transition:all .3s;-webkit-user-select:none;user-select:none}.login-container .checkbox-label:hover{color:#fff}.login-container .checkbox-label input[type=checkbox]{display:none}.login-container .checkbox-custom{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:6px;height:24px;margin-right:12px;position:relative;transition:all .3s;width:24px}.login-container .checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:linear-gradient(135deg,#ffffff4d,#fff3);border-color:#ffffff80}.login-container .checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-container .caps-lock-warning{align-items:center;animation:slideIn .3s ease;background:#ffc10733;border:1px solid #ffc1074d;border-radius:8px;color:#ffd54f;display:flex;font-size:13px;gap:6px;margin-top:8px;padding:8px 12px}.login-container .error-message{align-items:center;animation:shakeError .5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4433633;border:1px solid #f443364d;border-radius:12px;color:#ff8a80;display:flex;gap:10px;margin-bottom:20px;opacity:0;padding:14px 18px;transform:translateY(-10px);transition:all .3s}.login-container .error-message.show{opacity:1;transform:translateY(0)}.login-container .error-icon{animation:pulse 2s infinite;font-size:20px}.login-container .error-text{flex:1 1;font-weight:500}@keyframes shakeError{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.login-container .block-timer{align-items:center;animation:slideIn .3s ease;background:#ff980033;border:1px solid #ff98004d;border-radius:12px;display:flex;gap:15px;justify-content:center;margin-bottom:20px;padding:15px}.login-container .timer-circle{height:40px;position:relative;width:40px}.login-container .timer-circle svg{height:40px;transform:rotate(-90deg);width:40px}.login-container .timer-circle circle{fill:none;stroke:#ff9800cc;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s linear}.login-container .timer-text{color:#ffb74d;font-size:14px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-container .timer-message{color:#ffb74d;font-weight:500}.login-container .login-button{align-items:center;animation:fadeIn 1s ease .7s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:1px solid #ffffff4d;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:600;gap:10px;justify-content:center;letter-spacing:1px;overflow:hidden;padding:18px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-container .login-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:1}.login-container .login-button:hover:before{height:400px;width:400px}.login-container .login-button:hover:not(:disabled){border-color:#ffffff80;box-shadow:0 10px 40px #0000004d,0 0 0 2px #fff3;transform:translateY(-3px)}.login-container .login-button:active:not(:disabled){transform:translateY(-1px)}.login-container .login-button:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.5}.login-container .login-button.loading{gap:0;pointer-events:none}.login-container .login-button>*{position:relative;z-index:2}.login-container .login-button .spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.login-container .login-button .arrow{transition:transform .3s}.login-container .login-button:hover .arrow{transform:translateX(5px)}.login-container .login-button.blocked{background:#f4433633;border-color:#f443364d;color:#ff8a80}.login-container .login-footer{animation:fadeIn 1s ease .9s both;margin-top:30px;text-align:center}.login-container .divider{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;margin:25px 0}.login-container .footer-info{align-items:center;color:#ffffffb3;display:flex;font-size:13px;gap:15px;justify-content:center}.login-container .version{color:#fffc;font-weight:600}.login-container .separator{color:#ffffff4d}.login-container .status{align-items:center;display:flex;gap:6px}.login-container .status-dot{animation:blink 2s infinite;background:#4caf50;border-radius:50%;height:8px;width:8px}.login-container .status-dot.connecting{animation:pulse 1s infinite;background:#ff9800}.login-container .status-dot.offline{animation:none;background:#f44336}.login-container .telegram-badge{animation:fadeIn .5s ease;background:linear-gradient(135deg,#08c,#0077b5);border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-top:10px;padding:6px 12px}.login-container .otp-group{margin-bottom:25px}.login-container .otp-input{background:#ffffff26!important;border:3px solid #ffffff4d!important;font-size:32px!important;font-weight:700!important;letter-spacing:12px!important;padding:20px!important;text-align:center!important}.login-container .otp-input:focus{background:#fff3!important;border-color:#fff9!important}.login-container .otp-timer-info{animation:fadeIn .5s ease;font-size:14px;margin-top:12px;text-align:center}.login-container .timer-active{align-items:center;color:#ffffffe6;display:flex;font-weight:500;gap:6px;justify-content:center}.login-container .timer-expired{animation:pulse 2s infinite;color:#ffb74d;gap:6px}.login-container .resend-otp-button,.login-container .timer-expired{align-items:center;display:flex;font-weight:600;justify-content:center}.login-container .resend-otp-button{background:#0000;border:2px solid #ffffff4d;border-radius:14px;color:#ffffffe6;cursor:pointer;font-size:15px;gap:8px;letter-spacing:.5px;margin-top:15px;padding:14px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.login-container .resend-otp-button:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.login-container .resend-otp-button:disabled{cursor:not-allowed;opacity:.5}.login-container .back-to-login{align-items:center;background:#0000;border:1px solid #fff3;border-radius:14px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;gap:6px;justify-content:center;margin-top:15px;padding:12px;transition:all .3s ease;width:100%}.login-container .back-to-login:hover{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}.login-container .back-to-login.full-width{margin-top:25px}.login-container .telegram-steps{margin:30px 0}.login-container .telegram-step{animation:slideIn .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;margin-bottom:20px;padding:20px 20px 20px 60px;position:relative}.login-container .telegram-step:first-child{animation-delay:.1s}.login-container .telegram-step:nth-child(2){animation-delay:.2s}.login-container .telegram-step:nth-child(3){animation-delay:.3s}.login-container .step-number{align-items:center;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:2px solid #fff6;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:32px}.login-container .step-content p{color:#ffffffe6;font-size:15px;margin-bottom:10px}.login-container .telegram-bot-link{align-items:center;background:linear-gradient(135deg,#08c,#0077b5);border-radius:12px;color:#fff;display:inline-flex;font-weight:600;gap:8px;margin-top:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.login-container .telegram-bot-link:hover{box-shadow:0 10px 30px #08c6;transform:translateY(-2px)}.login-container .telegram-icon{font-size:20px}.login-container .connection-code-box{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #fff3;border-radius:12px;display:flex;justify-content:space-between;margin-top:8px;padding:14px}.login-container .connection-code-box code{color:#81c784;font-family:Courier New,monospace;font-size:16px;font-weight:600;letter-spacing:1px;-webkit-user-select:all;user-select:all}.login-container .copy-code-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.login-container .copy-code-btn:hover{background:#fff3;transform:scale(1.1)}.login-container .copy-code-btn:active{transform:scale(.95)}.login-container .error-message.success{animation:successPulse .5s ease;background:#4caf5033;border:1px solid #4caf504d;color:#81c784}@keyframes successPulse{0%{opacity:0;transform:scale(.95)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.login-container .help-text{color:#ffffffb3;font-size:13px}@media (max-width:480px){.login-container .login-box{margin:10px;padding:40px 25px}.login-container .login-header h1{font-size:1.8em}.login-container .form-group input{font-size:15px;padding:14px 16px}.login-container .login-button{font-size:16px;padding:16px}.login-container .logo-animation{height:60px;width:60px}.login-container .logo-icon{font-size:30px}.login-container .otp-input{font-size:24px!important;letter-spacing:8px!important;padding:16px!important}.login-container .telegram-step{padding:15px 15px 15px 50px}.login-container .step-number{font-size:14px;height:28px;left:15px;width:28px}.login-container .connection-code-box code{font-size:14px}.login-container .telegram-bot-link{font-size:14px;padding:8px 16px}}.login-container .login-box.loading:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000004d;border-radius:24px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}@media print{.login-container{background:#fff}.login-container .login-box{border:1px solid #ddd;box-shadow:none}.login-container *{background:#0000!important;color:#000!important}}.dashboard{background:#f8f9fa;overflow:hidden}.dashboard,.sidebar{display:flex;height:100vh}.sidebar{background:linear-gradient(180deg,#fff,#f8f9fa);box-shadow:4px 0 24px #0000001f;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid #667eea1a;justify-content:space-between;padding:24px 20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:#667eea;font-size:20px;font-weight:700;gap:12px}.sidebar-logo img{border-radius:8px;height:36px;width:36px}.sidebar-close{background:none;border:none;color:#64748b;cursor:pointer;display:none;font-size:24px;line-height:1;padding:4px;transition:all .2s}.sidebar-close:hover{color:#667eea;transform:rotate(90deg)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px;scrollbar-color:#667eea33 #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#667eea33;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#667eea4d}.sidebar-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:6px;overflow:hidden;padding:14px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sidebar-item:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 4px 4px 0;bottom:0;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.sidebar-item:hover{background:linear-gradient(135deg,#667eea14,#764ba214);color:#475569;transform:translateX(4px)}.sidebar-item.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateX(4px)}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-icon{align-items:center;display:flex;font-size:20px;justify-content:center;min-width:24px;transition:transform .3s}.sidebar-item:hover .sidebar-icon{transform:scale(1.1)}.sidebar-item.active .sidebar-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transform:scale(1.1)}.sidebar-label{flex:1 1;font-weight:500}.sidebar-footer{border-top:1px solid #667eea1a;padding:16px 12px}.sidebar-user{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:12px;color:#475569;display:flex;font-size:14px;font-weight:500;gap:12px;margin-bottom:8px;padding:12px}.sidebar-user-icon{align-items:center;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;display:flex;font-size:20px;height:32px;justify-content:center;width:32px}.sidebar-user-name{flex:1 1}.sidebar-logout{align-items:center;background:linear-gradient(135deg,#f56565,#e53e3e);border:none;border-radius:12px;box-shadow:0 2px 8px #f5656533;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s;width:100%}.sidebar-logout:hover{box-shadow:0 6px 20px #f5656566;transform:translateY(-2px)}.sidebar-logout:active{transform:translateY(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:280px;overflow-y:auto;transition:margin-left .3s}.top-bar{align-items:center;background:#fff;box-shadow:0 2px 12px #00000014;display:flex;gap:20px;padding:20px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.hamburger-btn{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:8px;transition:all .3s}.hamburger-btn span{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:3px;transition:all .3s;width:24px}.hamburger-btn:hover span{background:linear-gradient(135deg,#764ba2,#667eea)}.top-bar-title{flex:1 1}.top-bar-title h1{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 4px}.top-bar-title p{color:#64748b;font-size:14px;margin:0}.top-bar-actions{align-items:center;display:flex;gap:12px}.user-badge-mobile{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;display:none;font-size:20px;height:40px;justify-content:center;width:40px}.content{background:#f8f9fa;flex:1 1;min-height:calc(100vh - 88px);padding:30px}.content,.content>div{height:auto!important;overflow:visible!important}.content>div{min-height:100%;width:100%}.content .tags-container{height:auto!important;min-height:calc(100vh - 400px)!important;overflow:visible!important;padding:0!important;width:100%!important}.content .admin-container,.content .automation-container,.content .channels-container,.content .library-container,.content .profile-container,.content .statistics-container{height:auto!important;min-height:100%;overflow:visible!important;width:100%}.loading-circular{background:#fff;border-radius:20px;min-height:450px;padding:80px 20px;width:100%}.circular-loader{height:100px;margin-bottom:32px;position:relative;width:100px}.circular-loader svg{transform:rotate(-90deg)}.circular-loader circle{stroke-width:6}.circular-loader .bg{stroke:#f0f0f0}.circular-loader .progress{stroke-linecap:round;stroke-dashoffset:283;animation:circular-progress 2s ease-in-out infinite}@keyframes circular-progress{0%{stroke-dashoffset:283}50%{stroke-dashoffset:70}to{stroke-dashoffset:283}}.loading-circular p{color:#4a5568;font-size:18px;font-weight:500;letter-spacing:.5px;margin:0}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-close{display:block}.sidebar-overlay{display:block;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar.open~.sidebar-overlay{opacity:1;pointer-events:all}.main-content{margin-left:0}.hamburger-btn{display:flex}.top-bar{padding:16px 20px}.content{padding:24px}}@media (max-width:768px){.sidebar{width:260px}.top-bar{padding:14px 16px}.top-bar-title h1{font-size:20px}.top-bar-title p{font-size:13px}.user-badge-mobile{display:flex}.content{padding:20px}}@media (max-width:480px){.sidebar{width:240px}.sidebar-header{padding:20px 16px}.sidebar-logo{font-size:18px;gap:10px}.sidebar-logo img{height:32px;width:32px}.sidebar-nav{padding:12px 8px}.sidebar-item{font-size:14px;padding:12px 14px}.sidebar-icon{font-size:18px;min-width:20px}.sidebar-footer{padding:12px 8px}.top-bar{padding:12px}.top-bar-title h1{font-size:18px}.top-bar-title p{display:none}.user-badge-mobile{font-size:18px;height:36px;width:36px}.content{padding:16px}.loading-circular{min-height:300px;padding:40px 20px}.circular-loader{height:60px;width:60px}.loading-circular p{font-size:16px}}.form-group label{color:#555}.form-group input[type=datetime-local],.form-group input[type=file],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{font-family:inherit}.form-group small{color:#888;display:block;font-size:14px;margin-top:5px}.submit-btn{border:none;border-radius:10px;cursor:pointer;font-size:18px;font-weight:600;padding:15px;transition:transform .3s,box-shadow .3s;width:100%}.submit-btn:hover{box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.delete-btn,.edit-btn,.history-btn,.pause-btn,.play-btn,.send-btn,.use-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s}.edit-btn{background:#ff9800;color:#fff}.delete-btn{background:#f44336;color:#fff}.use-btn{background:#2196f3;color:#fff}.send-btn{background:#4caf50;color:#fff}.pause-btn{background:#ff9800;color:#fff}.play-btn{background:#4caf50;color:#fff}.history-btn{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.tag-select-container{position:relative;width:100%}.tag-select-container .tag-select-input{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;min-height:45px;padding:8px 40px 8px 12px;transition:all .3s ease}.tag-select-container .tag-select-input:hover{border-color:#667eea}.tag-select-container .tag-select-input.open{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.tag-select-container .selected-tags{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:6px}.tag-select-container .placeholder{color:#999;font-size:14px}.tag-select-container .tag-badge{align-items:center;animation:fadeIn .2s ease;border-radius:4px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;padding:4px 8px}.tag-select-container .tag-remove{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:16px;justify-content:center;line-height:1;margin-left:6px;padding:0;transition:background .2s;width:16px}.tag-select-container .tag-remove:hover{background:#fff3}.tag-select-container .tag-select-arrow{color:#666;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .3s}.tag-select-container .tag-select-input.open .tag-select-arrow{transform:translateY(-50%) rotate(180deg)}.tag-select-container .tag-select-dropdown{animation:slideDown .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;max-height:400px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.tag-select-container .tag-select-header{border-bottom:1px solid #f0f0f0;padding:12px}.tag-select-container .tag-search{border:1px solid #e0e0e0;border-radius:6px;font-size:14px;margin-bottom:8px;padding:8px 12px;width:100%}.tag-select-container .tag-search:focus{border-color:#667eea;outline:none}.tag-select-container .tag-select-actions{display:flex;gap:8px}.tag-select-container .clear-all-btn,.tag-select-container .select-all-btn{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;flex:1 1;font-size:13px;padding:6px 12px;transition:all .2s}.tag-select-container .select-all-btn:hover{background:#667eea;border-color:#667eea;color:#fff}.tag-select-container .clear-all-btn:hover{background:#f44336;border-color:#f44336;color:#fff}.tag-select-container .tag-options{max-height:250px;overflow-y:auto;padding:8px}.tag-select-container .tag-options::-webkit-scrollbar{width:6px}.tag-select-container .tag-options::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.tag-select-container .tag-options::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.tag-select-container .tag-options::-webkit-scrollbar-thumb:hover{background:#999}.tag-select-container .tag-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;padding:8px 12px;position:relative;transition:all .2s}.tag-select-container .tag-option:hover{background:#f5f5f5}.tag-select-container .tag-option.selected{background:#f0f4ff}.tag-select-container .tag-checkbox{cursor:pointer;margin-right:10px}.tag-select-container .tag-color-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0000001a;height:16px;margin-right:10px;width:16px}.tag-select-container .tag-option .tag-name{color:#333!important;flex:1 1;font-size:14px}.tag-select-container .tag-check{color:#4caf50;font-size:16px;font-weight:700;margin-left:auto}.tag-select-container .no-tags{color:#999;font-size:14px;padding:20px;text-align:center}.tag-select-container .tag-select-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:8px 12px;text-align:center}.tag-select-container .tag-count{color:#666;font-size:12px;font-weight:500}@media (max-width:768px){.tag-select-container .tag-select-dropdown{border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;position:fixed;right:0;top:auto}.tag-select-container .tag-options{max-height:50vh}}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;z-index:9999}.modal-container{border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;position:relative;width:90%}.modal-header{border-bottom:2px solid #f0f0f0;border-radius:20px 20px 0 0;flex-shrink:0;padding:25px 30px}.modal-header h2{font-size:1.5em}.modal-close{border:2px solid #ffffff4d;font-size:20px;height:35px;transition:all .3s ease;width:35px}.modal-form-wrapper{flex:1 1;overflow-y:auto;scroll-behavior:smooth}.modal-form{padding:30px}.form-group{margin-bottom:25px;position:relative}.form-group label{margin-bottom:10px}.form-input{background:#f9f9f9;border-radius:10px;box-sizing:border-box;padding:12px 15px}.form-input:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a}.form-input.disabled-field,.form-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-input.disabled-field{color:#999}.form-textarea{background:#f9f9f9;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:12px 15px}.form-textarea:focus{background:#fff;box-shadow:0 0 0 4px #667eea1a}.character-count{color:#999;font-size:11px;margin-top:4px;text-align:right}.form-hint{color:#6c757d;display:block;font-size:12px;font-style:italic;margin-top:8px}.help-box{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border-left:4px solid #667eea;border-radius:10px;margin-top:10px;padding:15px}.help-title{color:#495057;font-size:13px;font-weight:600;margin-bottom:8px}.help-list{color:#6c757d;font-size:12px;line-height:1.6;margin:8px 0;padding-left:20px}.help-list li{margin:4px 0}.help-list strong{color:#495057}.help-info{background:#e3f2fd;border-radius:4px;color:#1976d2;margin-top:8px;padding:8px}.help-info,.help-warning{align-items:center;display:flex;font-size:12px;gap:6px}.help-warning{background:#fff3cd;color:#856404;margin-top:10px}.help-warning,.telegram-warning{border-radius:6px;padding:8px 12px}.telegram-warning{align-items:center;animation:slideDown .3s ease;display:flex;gap:8px;margin-top:8px}.telegram-warning.warning{background:#fff3e0;border:1px solid #ff9800}.telegram-warning.info{background:#e8f5e9;border:1px solid #4caf50}.warning-icon{font-size:16px}.telegram-warning.warning .warning-icon{color:#f57c00}.telegram-warning.info .warning-icon{color:#2e7d32}.warning-text{font-size:12px;font-weight:500}.telegram-warning.warning .warning-text{color:#f57c00}.telegram-warning.info .warning-text{color:#2e7d32}.mtproto-status-banner{align-items:center;animation:slideDown .3s ease;border-radius:8px;display:flex;font-size:13px;gap:12px;margin:0 20px 20px;padding:12px 16px}.mtproto-status-banner.connected{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #4caf50}.mtproto-status-banner.disconnected{background:linear-gradient(135deg,#fff8e1,#ffe082);border:1px solid #ffa000}.status-icon{animation:pulse 2s infinite;font-size:20px}.status-content{flex:1 1}.status-title{color:#333;font-weight:600;margin-bottom:4px}.status-message{color:#666;line-height:1.4}.telegram-update-info{animation:fadeIn .5s ease;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #667eea;border-radius:10px;margin:20px 0;padding:16px}.info-header{align-items:center;color:#667eea;display:flex;font-size:15px;gap:10px;margin-bottom:12px}.info-icon{animation:rotate 2s linear infinite;font-size:20px}.info-content{color:#555;font-size:13px}.info-content p{font-weight:500;margin:0 0 8px}.info-content ul{list-style:none;margin:0;padding-left:20px}.info-content li{align-items:center;display:flex;gap:8px;padding:4px 0}.info-content li:before{content:"";display:none}.info-content ul li.enabled{color:#2e7d32}.info-content ul li.disabled{color:#f57c00;opacity:.8}.mtproto-setup-info{background:#f5f5f5;border-left:3px solid #2196f3;border-radius:6px;margin-top:12px;padding:10px}.mtproto-setup-info strong{color:#1976d2}.mtproto-setup-info ol{color:#666;font-size:12px;margin:8px 0 0 20px;padding:0}.tag-select-wrapper{position:relative}.modal-container .tag-select-dropdown{animation:slideDown .3s ease;background:#fff;border:2px solid #667eea;border-radius:10px;box-shadow:0 10px 30px #667eea33;margin-top:5px;max-height:350px;overflow:hidden;position:absolute;width:100%;z-index:1000}.tag-select-dropdown .tag-options{max-height:250px;overflow-y:auto;padding:5px}.tag-select-dropdown .tag-option{align-items:center;display:flex;min-height:40px;padding:10px 12px;transition:all .2s ease}.tag-select-dropdown .tag-option:hover{background:#f0f4ff}.form-group:has(.tag-select-dropdown){margin-bottom:380px;transition:margin-bottom .3s ease}.tag-select-dropdown .tag-select-header{border-bottom:1px solid #e0e0e0;min-height:40px;padding:10px}.tag-select-dropdown .tag-select-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;min-height:30px;padding:8px 10px}.form-group:focus-within .tag-select-input{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.tag-select-input:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-1px)}.modal-footer{align-items:center;background:#fff;border-radius:0 0 20px 20px;border-top:2px solid #f0f0f0;flex-shrink:0;justify-content:space-between;padding:20px 30px;position:relative;z-index:100}.footer-right{display:flex;gap:15px}.delete-btn{align-items:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:10px;box-shadow:0 2px 8px #dc262626;color:#dc2626;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s ease}.delete-btn:hover{background-color:#fecaca;border-color:#f87171;box-shadow:0 4px 12px #dc262640;transform:translateY(-1px)}.delete-btn:active{box-shadow:0 2px 8px #dc262633;transform:translateY(0)}.btn-cancel,.btn-submit{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 20px;transition:all .3s ease}.btn-cancel{background:#f3f4f6;border:1px solid #d1d5db;color:#6b7280}.btn-cancel:hover{background:#e5e7eb;color:#374151;transform:translateY(-1px)}.btn-submit{box-shadow:0 4px 15px #667eea4d}.btn-submit:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-1px)}.btn-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-submit span{font-size:16px}.modal-actions{background:#fff;border-radius:0 0 20px 20px;border-top:2px solid #f0f0f0;flex-shrink:0;gap:15px;padding:20px 30px;position:relative;z-index:100}.modal-form-wrapper::-webkit-scrollbar,.tag-options::-webkit-scrollbar{width:6px}.modal-form-wrapper::-webkit-scrollbar-track,.tag-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-form-wrapper::-webkit-scrollbar-thumb,.tag-options::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.modal-form-wrapper::-webkit-scrollbar-thumb:hover,.tag-options::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media (max-width:768px){.modal-container{margin:10px;max-height:95vh;width:95%}.modal-header{padding:20px 25px}.modal-header h2{font-size:1.3em}.modal-form{padding:20px}.modal-footer{flex-direction:column;gap:15px;padding:15px 20px}.footer-left,.footer-right{justify-content:center;width:100%}.footer-right{flex-direction:column;gap:10px}.btn-cancel,.btn-submit,.delete-btn{justify-content:center;min-width:auto;width:100%}.mtproto-status-banner{font-size:12px;margin:0 15px 15px;padding:10px 12px}.status-icon{font-size:18px}.form-group:has(.tag-select-dropdown){margin-bottom:180px}.modal-container .tag-select-dropdown{max-height:160px}.tag-select-dropdown .tag-options{max-height:120px}.form-input,.form-textarea{font-size:16px}}@media (max-width:480px){.modal-container{margin:5px;width:98%}.modal-header{padding:15px 20px}.modal-form{padding:15px}.modal-footer{padding:12px 15px}}*{scroll-behavior:smooth}.modal-container *,.modal-container :after,.modal-container :before{box-sizing:border-box}.smt-social-media-tab{height:100%;overflow-y:auto;padding:20px}.smt-tab-header{margin-bottom:25px}.smt-tab-header h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.smt-tab-header p{color:#6b7280;font-size:14px}.smt-platforms-list{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.smt-platform-wrapper{border-radius:12px;overflow:visible}.smt-platform-card,.smt-platform-wrapper{background:#fff;position:relative;transition:all .3s ease}.smt-platform-card{border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px}.smt-platform-card:hover:not(.smt-expanded){border:2px solid #3b82f6;border:2px solid var(--platform-color,#3b82f6);box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.smt-platform-card.smt-expanded{border:2px solid #3b82f6;border:solid var(--platform-color,#3b82f6);border-bottom-left-radius:0;border-bottom-right-radius:0;border-width:2px 2px 0;margin-bottom:-2px}.smt-platform-card.smt-coming{background:#fafafa;opacity:.7}.smt-platform-main{align-items:center;display:flex;justify-content:space-between}.smt-platform-left{align-items:center;display:flex;gap:15px}.smt-platform-icon{align-items:center;display:flex;flex-shrink:0}.smt-platform-icon svg{height:32px;width:32px}.smt-platform-info{display:flex;flex-direction:column;gap:4px}.smt-platform-name{color:#1f2937;font-size:16px;font-weight:600;margin:0}.smt-platform-desc{color:#6b7280;font-size:13px;margin:0}.smt-platform-right{align-items:center;display:flex;gap:12px}.smt-platform-status{border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.smt-active-badge{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:20px;color:#16a34a;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.smt-active-dot{animation:smt-pulse 2s infinite;background:#16a34a;border-radius:50%;height:6px;width:6px}@keyframes smt-pulse{0%{box-shadow:0 0 0 0 #16a34ab3}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 0 0 #16a34a00}}.smt-expand-icon{color:#9ca3af;font-size:12px;transition:transform .3s ease}.smt-expand-icon.expanded{transform:rotate(180deg)}.smt-details-container{animation:smt-slideDown .3s ease;background:linear-gradient(180deg,#f9fafb,#fff);border:2px solid #3b82f6;border:2px solid var(--platform-color,#3b82f6);border-radius:0 0 12px 12px;border-top:none;margin-top:0;position:relative}@keyframes smt-slideDown{0%{max-height:0;opacity:0}to{max-height:1500px;opacity:1}}.smt-details-panel{padding:25px}.smt-telegram-settings,.smt-youtube-settings{display:flex;flex-direction:column;gap:24px}.smt-form-group{display:flex;flex-direction:column;gap:8px}.smt-form-group label{color:#374151;font-size:14px;font-weight:600}.smt-form-group input[type=text],.smt-form-group input[type=url],.smt-form-group select,.smt-form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.smt-form-group input:focus,.smt-form-group select:focus,.smt-form-group textarea:focus{background:#fafbff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.smt-form-group textarea{font-family:inherit;line-height:1.5;resize:vertical}.smt-hint{color:#9ca3af;font-size:12px}.smt-textarea-tools-top{align-items:center;display:flex;gap:12px;margin-top:8px}.smt-textarea-wrapper{position:relative}.smt-tool-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.smt-tool-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#fff;transform:translateY(-1px)}.smt-char-count{background:#f3f4f6;border-radius:20px;color:#9ca3af;font-size:12px;font-weight:500;margin-left:auto;padding:4px 10px}.smt-emoji-picker{animation:slideDown .3s ease;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:calc(100% + 10px);box-shadow:0 -10px 40px #0003,0 -2px 10px #0000001a;left:0;overflow:hidden;position:absolute;z-index:9999}@media (max-height:600px){.smt-emoji-picker{animation:fadeInUp .3s ease;bottom:auto;box-shadow:0 10px 40px #0003,0 2px 10px #0000001a;top:calc(100% + 10px)}}.smt-button-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #3b82f6;border-radius:10px;margin-top:8px;padding:14px}.smt-preview-title{color:#1e40af;font-size:12px;font-weight:600;margin-bottom:10px}.smt-button-row{display:flex;gap:8px;margin-bottom:8px}.smt-button-row:last-child{margin-bottom:0}.smt-button-item{align-items:center;background:#fff;border:1px solid #3b82f6;border-radius:6px;display:flex;flex:1 1;justify-content:space-between;padding:8px 12px;transition:all .2s}.smt-button-item:hover{background:#eff6ff;transform:translateX(2px)}.smt-button-item span{color:#1e40af;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smt-remove-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:6px;transition:all .2s;width:20px}.smt-remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1) rotate(90deg)}.smt-info-box,.smt-warning-box{align-items:center;border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.smt-warning-box{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #f59e0b}.smt-info-box{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #22c55e}.smt-info-box span,.smt-warning-box span{font-size:20px}.smt-info-box p,.smt-warning-box p{font-size:13px;font-weight:500;line-height:1.4;margin:0}.smt-warning-box p{color:#78350f}.smt-info-box p{color:#14532d}.smt-tags-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.smt-tag-item{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #60a5fa;border-radius:20px;color:#1e40af;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 10px}.smt-tag-remove{align-items:center;background:#60a5fa;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;transition:all .2s;width:16px}.smt-tag-remove:hover{background:#3b82f6;transform:scale(1.2) rotate(90deg)}.smt-info-section{margin-top:30px}.smt-info-card{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:15px;padding:20px}.smt-info-icon{flex-shrink:0;font-size:24px}.smt-info-content h5{color:#1e40af;font-size:14px;font-weight:600;margin-bottom:8px}.smt-info-content p{color:#3730a3;font-size:13px;line-height:1.6;margin:0}.smt-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.smt-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 25px 60px #0000004d;max-width:420px;padding:28px;width:90%}.smt-modal h4{color:#1f2937;font-size:18px;font-weight:700;margin-bottom:24px}.smt-modal input{border:2px solid #e5e7eb;border-radius:8px;font-size:14px;margin-bottom:14px;padding:12px 14px;transition:all .2s;width:100%}.smt-modal input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.smt-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.smt-btn-primary,.smt-btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s}.smt-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;color:#fff}.smt-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.smt-btn-secondary{background:#f3f4f6;color:#6b7280}.smt-btn-secondary:hover{background:#e5e7eb;color:#4b5563}@media (max-width:768px){.smt-platform-main{align-items:flex-start;flex-direction:column;gap:15px}.smt-platform-right{justify-content:space-between;width:100%}.smt-button-row{flex-direction:column}.smt-textarea-tools-top{flex-wrap:wrap}.smt-modal{padding:20px;width:95%}}.smt-social-media-tab::-webkit-scrollbar{width:6px}.smt-social-media-tab::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.smt-social-media-tab::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.smt-social-media-tab::-webkit-scrollbar-thumb:hover{background:#9ca3af}.smt-buttons-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.smt-buttons-header label{color:#374151;font-size:14px;font-weight:600;margin:0}.smt-toggle-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.smt-toggle-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff;transform:translateY(-2px)}.smt-toggle-btn:active{box-shadow:0 2px 8px #3b82f633;transform:translateY(0)}.smt-toggle-icon{transition:transform .3s ease}.smt-toggle-icon.expanded{transform:rotate(180deg)}.smt-buttons-content{animation:fadeInDown .3s ease}.smt-toggle-btn:hover .smt-toggle-icon{animation:bounceArrow .5s ease infinite}.smt-toggle-icon.expanded{--rotation:180deg}.smt-youtube-section{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;margin-bottom:25px;padding:20px;transition:all .3s ease}.smt-youtube-section.disabled{background:#f5f5f5;border-color:#d0d0d0;opacity:.5;pointer-events:none}.smt-section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.smt-section-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.smt-disabled-reason{background:#ffe0e0;border-radius:12px;color:#ff6b6b;font-size:12px;font-weight:500;padding:4px 10px}.smt-x-settings{padding:20px}.smt-x-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin:10px 0;padding:15px}.smt-x-preview.over-limit{background:#fef2f2;border-color:#ef4444}.smt-char-counter{align-items:center;color:#666;display:flex;font-size:13px;justify-content:space-between;margin-top:10px}.smt-char-counter .text-danger{color:#ef4444;font-weight:700}.smt-char-counter .text-warning{color:#f59e0b}textarea.near-limit{border-color:#f59e0b!important}.smt-x-features{background:#f0f9ff;border-radius:8px;margin-top:20px;padding:15px}.smt-x-features h5{color:#0369a1;margin:0 0 10px}.smt-x-features ul{list-style:none;margin:0;padding-left:20px}.smt-x-features li{color:#475569;padding:3px 0}.smt-radio-group{display:flex;gap:20px;margin:10px 0}.smt-radio-label{align-items:center;cursor:pointer;display:flex;gap:8px}.smt-radio-label input[type=radio]{cursor:pointer}.quick-button-section{padding:0}.quick-button-section h4{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:15px}.badge-count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.quick-buttons-divider{align-items:center;display:flex;gap:15px;margin:25px 0}.divider-line{background:linear-gradient(90deg,#0000,#e0e0e0,#0000);flex:1 1;height:1px}.divider-text{background:#fff;color:#999;font-size:13px;font-weight:500;padding:0 10px}.quick-search-box{margin-bottom:15px}.quick-search-input{background:#fafafa;border:2px solid #f0f0f0;border-radius:8px;font-size:14px;padding:10px 15px;transition:all .3s ease;width:100%}.quick-search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.quick-buttons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 -5px;max-height:300px;overflow-y:auto;padding:5px}.quick-buttons-grid::-webkit-scrollbar{width:6px}.quick-buttons-grid::-webkit-scrollbar-track{background:#f5f5f5;border-radius:3px}.quick-buttons-grid::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.quick-buttons-grid::-webkit-scrollbar-thumb:hover{background:#a0aec0}.quick-button-card{align-items:center;background:#fff;border:2px solid #f0f0f0;border-radius:10px;cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-height:80px;padding:12px;position:relative;transition:all .3s ease}.quick-button-card:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.quick-button-card:active{box-shadow:0 2px 6px #667eea26;transform:translateY(0)}.card-content{flex:1 1;min-width:0}.button-preview-text{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.button-preview-text,.button-preview-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-preview-url{color:#666;font-size:12px;margin-bottom:6px}.usage-indicator{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;color:#333;display:inline-flex;font-size:11px;font-weight:600;gap:3px;padding:2px 8px}.usage-icon{font-size:10px}.btn-delete-mini{align-items:center;background:#f44;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;opacity:0;transition:all .3s ease;width:28px}.quick-button-card:hover .btn-delete-mini{opacity:1}.btn-delete-mini:hover{background:#dc2626;transform:scale(1.1)}.loading-message{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;grid-column:1/-1;justify-content:center;padding:40px;text-align:center}.spinner{animation:pulse 1.5s ease-in-out infinite;display:inline-block;font-size:20px}.no-quick-buttons{background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.empty-icon{display:block;margin-bottom:15px}.no-quick-buttons p{color:#666;font-size:14px;font-weight:500;margin:0 0 8px}.no-quick-buttons small{color:#999;font-size:12px}.top-buttons-bar{align-items:center;background:linear-gradient(135deg,#f6f9fc,#f0f4f8);border-radius:10px;display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding:15px}.bar-title{color:#666;font-size:13px;font-weight:600;margin-right:5px}.top-button-chip{background:#fff;border:2px solid #e0e0e0;border-radius:20px;color:#333;cursor:pointer;font-size:13px;font-weight:500;padding:6px 16px;transition:all .3s ease;white-space:nowrap}.top-button-chip:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.quick-buttons-grid{grid-template-columns:1fr;max-height:250px}.top-buttons-bar{align-items:stretch;flex-direction:column;gap:8px}.bar-title{margin-bottom:8px}.top-button-chip{text-align:center;width:100%}}.quick-button-card{animation:fadeIn .3s ease forwards}.quick-button-card:first-child{animation-delay:0ms}.quick-button-card:nth-child(2){animation-delay:50ms}.quick-button-card:nth-child(3){animation-delay:.1s}.quick-button-card:nth-child(4){animation-delay:.15s}.quick-button-card:nth-child(5){animation-delay:.2s}.quick-button-card:nth-child(6){animation-delay:.25s}.quick-button-card:after{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:10px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.quick-button-card:hover:after{opacity:1}.ast-autogram-settings-tab{height:100%;overflow-y:auto;padding:20px}.ast-tab-header{margin-bottom:25px}.ast-tab-header h3{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.ast-tab-header p{color:#6b7280;font-size:14px}.ast-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.ast-section-header h4{align-items:center;color:#1f2937;display:flex;font-size:15px;font-weight:600;gap:8px}.ast-tag-count{color:#6b7280;font-size:13px;font-weight:400}.ast-header-actions{display:flex;gap:8px}.ast-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.ast-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.ast-title-section{background:#fff;margin-bottom:20px}.ast-suggest-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s}.ast-suggest-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.ast-form-group{margin-bottom:0}.ast-title-input{border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-weight:500;padding:12px 16px;transition:all .2s;width:100%}.ast-title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ast-title-input::placeholder{color:#9ca3af;font-weight:400}.ast-input-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px;padding:0 4px}.ast-char-counter{color:#9ca3af;font-size:12px}.ast-char-status{align-items:center;color:#10b981;display:flex;font-size:12px;gap:4px}.ast-char-status.warning{color:#f59e0b}.ast-tips-box{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;margin-top:15px;padding:12px}.ast-tip-icon{flex-shrink:0;font-size:20px}.ast-tip-content{color:#1e40af;font-size:13px;line-height:1.5}.ast-tip-content strong{font-weight:600}.ast-info-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:15px;padding:15px}.ast-info-box p{color:#0369a1;font-size:13px;line-height:1.6;margin:0}.ast-info-box strong{display:block;font-weight:600;margin-bottom:4px}.ast-tags-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:20px}.ast-tags-controls{display:flex;gap:12px;margin-bottom:15px}.ast-search-box{flex:1 1;position:relative}.ast-search-icon{font-size:16px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.ast-search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px 10px 40px;transition:all .2s;width:100%}.ast-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.ast-control-buttons{display:flex;gap:8px}.ast-control-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.ast-control-btn:hover{background:#f3f4f6;border-color:#9ca3af}.ast-control-btn.clear{border-color:#fca5a5;color:#ef4444}.ast-control-btn.clear:hover{background:#fee2e2;border-color:#ef4444}.ast-category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ast-category-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s}.ast-category-btn:hover{background:#f9fafb;border-color:#d1d5db}.ast-category-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.ast-selected-tags{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:15px}.ast-selected-tags h5{color:#4b5563;font-size:13px;font-weight:600;margin-bottom:10px}.ast-selected-tags-list{display:flex;flex-wrap:wrap;gap:8px}.ast-selected-tag{align-items:center;background:#fff;border:1px solid;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px}.ast-remove-tag{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;transition:all .2s;width:16px}.ast-remove-tag:hover{background:#0003}.ast-tags-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:400px;overflow-y:auto;padding-right:8px}.ast-tag-item{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;padding:12px;position:relative;transition:all .2s}.ast-tag-item:hover{background:#f9fafb;border-color:#d1d5db}.ast-tag-item.selected{background:#eff6ff}.ast-tag-item input[type=checkbox]{opacity:0;pointer-events:none;position:absolute}.ast-tag-name{flex:1 1;font-size:14px;font-weight:500}.ast-tag-usage{background:#f3f4f6;border-radius:10px;color:#9ca3af;font-size:11px;padding:2px 6px}.ast-no-tags{color:#9ca3af;grid-column:1/-1;padding:40px 20px;text-align:center}.ast-no-tags span{display:block;font-size:32px;margin-bottom:10px;opacity:.5}.ast-no-tags p{font-size:14px;margin:0}.ast-summary-section{margin-top:20px}.ast-summary-card{grid-gap:15px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:20px}.ast-summary-item{align-items:center;display:flex;gap:12px}.ast-summary-icon{flex-shrink:0;font-size:24px}.ast-summary-content{display:flex;flex-direction:column;gap:2px}.ast-summary-label{color:#64748b;font-size:12px;font-weight:500}.ast-summary-value{color:#0f172a;font-size:14px;font-weight:600}.ast-warning-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;display:flex;gap:12px;margin-top:15px;padding:15px}.ast-warning-message span{flex-shrink:0;font-size:20px}.ast-warning-message p{color:#991b1b;font-size:14px;font-weight:500;margin:0}.ast-autogram-settings-tab::-webkit-scrollbar,.ast-tags-grid::-webkit-scrollbar{width:6px}.ast-autogram-settings-tab::-webkit-scrollbar-track,.ast-tags-grid::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.ast-autogram-settings-tab::-webkit-scrollbar-thumb,.ast-tags-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ast-autogram-settings-tab::-webkit-scrollbar-thumb:hover,.ast-tags-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width:768px){.ast-tags-controls{flex-direction:column}.ast-control-buttons{justify-content:space-between;width:100%}.ast-summary-card,.ast-tags-grid{grid-template-columns:1fr}}.ast-toggle-btn{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.ast-toggle-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640;color:#fff;transform:translateY(-2px)}.ast-toggle-btn:active{box-shadow:0 2px 8px #3b82f633;transform:translateY(0)}.ast-toggle-icon{transition:transform .3s ease}.ast-toggle-icon.expanded{transform:rotate(180deg)}.ast-toggle-btn:hover .ast-toggle-icon{animation:bounceArrow .5s ease infinite}@keyframes bounceArrow{0%,to{transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(var(--rotation,0deg))}50%{transform:translateY(2px) rotate(0deg);transform:translateY(2px) rotate(var(--rotation,0deg))}}.ast-toggle-icon.expanded{--rotation:180deg}.ast-category-filters,.ast-selected-tags,.ast-tags-controls,.ast-tags-grid{animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.watermark-modal-container{position:relative}.watermark-modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:15px 20px}.media-watermark-container-inline{display:flex;flex-direction:column;gap:20px;width:100%}.watermark-toolbar{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:20px;justify-content:space-between;padding:15px}.toolbar-left{align-items:center;display:flex;gap:10px}.toolbar-upload-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.toolbar-upload-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.toolbar-icon-selected{align-items:center;background:#fff;border:1px solid #667eea;border-radius:8px;display:flex;gap:10px;padding:8px 12px}.toolbar-icon-preview{border-radius:4px;height:40px;object-fit:contain;width:40px}.toolbar-remove-icon{background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;height:24px;transition:all .2s;width:24px}.toolbar-remove-icon:hover{background:#dc2626;transform:scale(1.1)}.toolbar-center{align-items:center;display:flex;flex:1 1;gap:20px}.toolbar-control{align-items:center;display:flex;gap:8px}.toolbar-control label{color:#666;font-size:13px;font-weight:600}.toolbar-slider{cursor:pointer;width:100px}.toolbar-value{color:#333;font-size:13px;font-weight:600;min-width:40px}.toolbar-positions{display:flex;gap:4px}.toolbar-positions button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:16px;height:32px;transition:all .2s;width:32px}.toolbar-positions button:hover{background:#f0f0f0;border-color:#667eea}.toolbar-right{align-items:center;display:flex}.toolbar-save-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.toolbar-save-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.toolbar-save-btn:disabled{cursor:not-allowed;opacity:.6}.canvas-wrapper{align-items:center;background:#1a1a1a;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:20px;position:relative}.watermark-canvas{border-radius:4px;box-shadow:0 4px 12px #0000004d;cursor:default;height:auto;max-width:100%}.watermark-canvas.has-watermark{cursor:move}.watermark-canvas.dragging{cursor:grabbing}.canvas-hint{background:#ffffff1a;border-radius:6px;color:#fff;font-size:13px;margin-top:12px;padding:8px 16px}.btn-cancel{padding:10px 20px}@media (max-width:768px){.watermark-modal-container{max-height:95vh;width:95%}.toolbar-center{align-items:flex-start;flex-direction:column}.watermark-toolbar{align-items:stretch;flex-direction:column;gap:15px}}@media (max-width:480px){.watermark-modal-container{border-radius:0;height:100vh;max-height:100vh;width:100%}.watermark-modal-footer,.watermark-modal-header{border-radius:0}}.modal-backdrop{animation:fadeIn .2s ease;background:#0009;padding:20px;z-index:10000}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:100%}.modal-header{color:#fff;padding:24px;position:relative;text-align:center}.modal-header h2{font-size:20px;margin:0 0 8px}.modal-subtitle{font-size:14px;font-weight:400;margin:0;opacity:.9}.modal-close{border-radius:6px;font-size:18px;position:absolute;right:16px;top:16px;transition:background .2s}.quick-stats{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-around;padding:16px 0}.quick-stat{flex:1 1;text-align:center}.stat-number{color:#1f2937;display:block;font-size:18px;margin-bottom:2px}.stat-text{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.modal-body{padding:0}.state-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px;text-align:center}.loading-spinner{border:3px solid #e5e7eb;border-left-color:#667eea;height:40px;margin-bottom:20px;width:40px}.empty-icon,.error-icon{font-size:48px;margin-bottom:16px;opacity:.7}.state-container h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.state-container p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 20px}.retry-button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.retry-button:hover{background:#dc2626}.history-list{padding:20px}.history-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;padding:20px;transition:all .2s ease}.history-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.history-card:last-child{margin-bottom:0}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.channel-info{flex:1 1}.channel-info h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 6px}.status-badge{font-size:11px;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.status-success{background:#d1fae5;color:#065f46}.status-error{background:#fee2e2;color:#991b1b}.status-pending{background:#fef3c7;color:#92400e}.status-unknown{background:#f3f4f6;color:#374151}.post-date{color:#6b7280;font-size:13px;font-weight:500;margin-left:12px;white-space:nowrap}.card-stats{grid-gap:16px;background:#f9fafb;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px;padding:16px}.stat-item{text-align:center}.stat-value{color:#1f2937;display:block;font-size:16px;margin-bottom:2px}.stat-label{font-size:11px;letter-spacing:.3px;text-transform:uppercase}.card-actions{text-align:right}.telegram-link{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:500;padding:8px 16px;text-decoration:none;transition:all .2s ease}.telegram-link:hover{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-1px)}.modal-footer{background:#f8fafc;text-align:center}.close-button{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 24px;transition:background .2s}.close-button:hover{background:#4b5563}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-backdrop{padding:10px}.modal-container{max-height:90vh}.modal-header{padding:20px}.modal-header h2{font-size:18px}.modal-subtitle{font-size:13px}.quick-stats{padding:12px 0}.stat-number{font-size:16px}.stat-text{font-size:11px}.history-card,.history-list{padding:16px}.card-header{align-items:flex-start;flex-direction:column;gap:8px}.post-date{margin-left:0}.card-stats{gap:12px;grid-template-columns:repeat(2,1fr);padding:12px}.stat-value{font-size:14px}.card-actions,.telegram-link{text-align:center}.telegram-link{display:block}}@media (max-width:480px){.quick-stats{flex-wrap:wrap;gap:8px;padding:12px 8px}.quick-stat{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:1;min-width:calc(50% - 4px)}.card-stats{gap:8px;grid-template-columns:1fr 1fr;padding:10px}.stat-value{font-size:13px}.stat-label{font-size:10px}}.update-actions{background:#fafbfc;border-bottom:1px solid #e5e7eb;padding:15px 20px;text-align:center}.update-all-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.update-all-button:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.update-all-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.card-actions{align-items:center;border-top:1px solid #f0f2f5;display:flex;gap:10px;justify-content:flex-end;margin-top:15px;padding-top:15px}.update-stats-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.update-stats-button:hover:not(:disabled):not(.disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 3px 8px #667eea4d;color:#fff;transform:translateY(-1px)}.update-stats-button.disabled,.update-stats-button:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.5}.stats-update-info{border-top:1px solid #f7fafc;margin-top:10px;padding-top:10px;text-align:right}.stats-update-info small{color:#9ca3af;font-size:11px;font-style:italic}.stat-value.updating{animation:pulse 1.5s ease-in-out infinite;color:#9ca3af;position:relative}@media (max-width:768px){.update-actions{padding:12px 16px}.update-all-button{max-width:280px;width:100%}.card-actions{align-items:stretch;flex-direction:column;gap:8px}.update-stats-button{text-align:center;width:100%}.telegram-link{width:100%}.stats-update-info{text-align:center}}@media (max-width:480px){.update-all-button{font-size:13px;padding:8px 20px}.update-stats-button{font-size:12px;padding:6px 12px}}.library-container{min-height:100vh;padding:0;width:100%}.automation-header{align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:20px}.automation-header>div:first-child{flex-shrink:0;min-width:300px}.automation-header>div:last-child{align-items:center;display:flex;flex-wrap:nowrap;gap:15px;margin-left:auto}.automation-header h2{color:#2d3748;font-size:1.5em;font-weight:700}.automation-header p{color:#718096;margin-top:5px}.search-bar{background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000f;font-size:14px;padding:10px 16px;transition:all .3s ease;width:250px}.search-bar::placeholder{color:#a0aec0}.search-bar:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-primary{border:none;border-radius:8px;box-shadow:0 4px 12px #667eea40;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.content-stats{background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #e2e8f0;border-radius:10px;gap:15px;justify-content:space-between;margin-bottom:20px;padding:12px 20px}.content-stats,.stats-left{align-items:center;display:flex;flex-wrap:wrap}.stats-left{gap:20px}.stats-item{align-items:center;color:#718096;display:flex;font-size:14px;gap:6px}.stats-item strong{color:#2d3748;font-weight:600}.sort-dropdown-container{align-items:center;display:flex;gap:10px;margin-left:auto}.sort-label{color:#4a5568;white-space:nowrap}.sort-dropdown,.sort-label{font-size:14px;font-weight:500}.sort-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;cursor:pointer;min-width:200px;padding:8px 32px 8px 12px;transition:all .3s ease}.sort-dropdown:hover{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.sort-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.sort-dropdown optgroup{color:#2d3748;font-size:13px;font-weight:600;padding:5px 0}.sort-dropdown option{background:#fff;color:#4a5568;font-weight:400;padding:8px 12px}.sort-dropdown option:hover{background:#f7fafc}.content-list{padding:5px;width:100%}.masonry-grid{display:flex;margin-left:-20px;width:auto}.masonry-grid-column{background-clip:padding-box;padding-left:20px}.content-card{animation:fadeInUp .5s ease-out;animation-fill-mode:both;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 12px #00000014;break-inside:avoid;margin-bottom:20px;overflow:hidden;page-break-inside:avoid;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.content-card:hover{border-color:#0000;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.content-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.content-card:hover:before{opacity:1}.card-body{display:flex;flex-direction:column;padding:16px}.content-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.content-header h4{color:#1a202c;flex:1 1;font-size:16px;font-weight:600;line-height:1.3;margin:0;word-break:break-word}.usage-badge{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border-radius:20px;color:#fff;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;margin-top:6px;padding:4px 10px;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.usage-badge:hover{background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 4px 12px #48bb7866;transform:scale(1.1)}.quick-stats-badge{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #e2e8f0;border-radius:20px;display:flex;flex-shrink:0;font-size:11px;font-weight:600;gap:8px;padding:6px 12px}.quick-stats-badge span{align-items:center;color:#4a5568;display:flex;gap:3px}.content-media-preview{margin:15px 0}.content-media-preview,.single-media-container{border-radius:12px;overflow:hidden;position:relative;width:100%}.single-media-container{background:#f0f0f0}.image-wrapper{align-items:center;background:linear-gradient(180deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;max-height:400px;min-height:200px;overflow:hidden;position:relative;width:100%}.content-image{display:block;height:auto;max-height:400px;object-fit:contain;transition:transform .3s ease;width:100%}.video-wrapper{border-radius:12px;min-height:200px;overflow:hidden;position:relative}.content-video,.video-wrapper{background:#000;max-height:400px;width:100%}.content-video{display:block;height:auto;object-fit:contain}.content-video::-webkit-media-controls{background:linear-gradient(180deg,#0000,#000000b3)}.content-video::-webkit-media-controls-enclosure{border-radius:0 0 12px 12px}.media-carousel{background:#f7fafc;border-radius:12px;padding:8px;position:relative;width:100%}.media-grid-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.media-grid-container,.media-grid-item{border-radius:8px;overflow:hidden;position:relative}.media-grid-item{aspect-ratio:1;background:#e0e0e0}.image-thumbnail-wrapper,.video-thumbnail-wrapper{background:#f5f5f5;height:100%;overflow:hidden;position:relative;width:100%}.image-thumbnail,.video-thumbnail{display:block;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.video-thumbnail-wrapper .media-overlay{background:#0006;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.play-icon,.video-thumbnail-wrapper .media-overlay{align-items:center;display:flex;justify-content:center}.play-icon{background:#fffffff2;border-radius:50%;box-shadow:0 4px 12px #0000004d;font-size:20px;height:48px;width:48px}.media-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-bottom:10px;padding:6px 12px}.more-media-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border-radius:8px;bottom:8px;color:#fff;font-size:14px;font-weight:600;padding:8px 14px;position:absolute;right:8px;z-index:10}.media-type-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:12px;font-weight:600;padding:5px 10px;position:absolute;right:10px;top:10px;z-index:2}.media-error-placeholder{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);color:#999;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;min-height:200px;padding:20px;width:100%}.media-error-placeholder .error-icon{font-size:48px;opacity:.5}.media-error-placeholder .error-text,.media-error-placeholder small{color:#999;font-size:14px;text-align:center}.content-card:hover .content-image,.content-card:hover .content-video{transform:scale(1.02)}.media-grid-item:hover .image-thumbnail,.media-grid-item:hover .video-thumbnail{transform:scale(1.1)}.content-preview-wrapper{margin-top:15px;position:relative}.content-preview{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#4a5568;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;max-height:80px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease;white-space:pre-wrap;word-break:break-word}.content-preview.expanded{cursor:default;max-height:none}.content-preview:hover:not(.expanded){background:#fff;border-color:#cbd5e0}.show-more-text{color:#667eea;font-weight:700;margin-left:4px}.telegram-buttons-container{background:#f8f9fa;border-radius:10px;margin-top:15px;padding:12px}.telegram-buttons{display:flex;flex-direction:column;gap:8px}.telegram-button-row{display:flex;gap:8px;width:100%}.telegram-button{align-items:center;background:#1e2c3a;border:none;border-radius:8px;box-shadow:0 2px 4px #1e2c3a33;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;text-align:center;text-decoration:none;transition:all .2s ease}.telegram-button:hover{background:#354a5f;box-shadow:0 4px 8px #1e2c3a66;transform:translateY(-1px)}.telegram-button svg{height:12px;width:12px}.button-error{background:#f8d7da;border-radius:4px;color:#dc3545;font-size:12px;padding:8px;text-align:center}.content-tags{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px}.content-tag-badge{align-items:center;border-radius:15px;box-shadow:0 1px 3px #0000001a;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:5px 12px;transition:all .2s ease}.content-tag-badge:hover{box-shadow:0 2px 6px #00000026;transform:scale(1.05)}.tag-icon{font-size:10px;margin-right:4px}.card-footer-info{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;font-size:13px;justify-content:space-between;margin-top:auto;padding:12px 20px}.footer-left{color:#6c757d;flex:1 1;gap:8px;min-width:0}.footer-username{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-username:after{color:#dee2e6;content:"•";margin:0 8px}.footer-date{font-size:12px;white-space:nowrap}.footer-actions{align-items:center;flex-shrink:0;gap:6px}.stats-update-section{align-items:center;color:#999;display:flex;font-size:11px;gap:8px}.stats-update-time{color:#999;font-size:11px;font-style:italic;white-space:nowrap}.stats-refresh-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;justify-content:center;min-height:28px;min-width:28px;padding:6px;transition:all .2s ease}.stats-refresh-btn:hover:not(:disabled){background:#667eea1a;box-shadow:0 2px 6px #667eea33;transform:scale(1.1)}.stats-refresh-btn:active:not(:disabled){transform:scale(.95)}.stats-refresh-btn:disabled{color:#999;cursor:not-allowed;opacity:.5}.stats-refresh-btn.updating{color:#667eea}.stats-refresh-btn svg{height:16px;width:16px}@keyframes spin-icon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stats-refresh-btn.updating svg{animation:spin-icon 1s linear infinite}.icon-btn{background:#0000;border-radius:6px;height:32px;transition:all .2s ease;width:32px}.icon-btn:hover{background:#fff;box-shadow:0 2px 6px #0000001a}.icon-btn svg{height:18px;width:18px}.history-icon:hover{background:#17a2b81a;color:#17a2b8}.edit-icon:hover{background:#667eea1a;color:#667eea}.pagination-container{border-top:2px solid #f0f0f0;margin-top:40px;padding:20px 0}.pagination-btn{border:2px solid #e2e8f0;color:#4a5568;gap:8px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8f9ff;box-shadow:0 2px 8px #667eea26;transform:translateY(-1px)}.pagination-btn svg{height:16px;width:16px}.pagination-numbers{align-items:center;display:flex;gap:8px}.pagination-number{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 12px;transition:all .2s ease}.pagination-number:hover{background:#f8f9ff;border-color:#667eea;color:#667eea;transform:translateY(-1px)}.pagination-number.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:scale(1.1)}.pagination-dots{color:#cbd5e0;font-weight:600;padding:0 8px;-webkit-user-select:none;user-select:none}.no-content,.no-results{background:linear-gradient(135deg,#f8f9ff,#fff);border:2px dashed #cbd5e0;border-radius:16px;padding:60px 40px;text-align:center}.no-content h4,.no-results h4{color:#667eea;font-size:20px;font-weight:600;margin-bottom:12px}.no-content p,.no-results p{color:#718096;font-size:15px;margin-bottom:20px}.btn-clear-search{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.btn-clear-search:hover{background:#5a67d8;box-shadow:0 2px 8px #667eea4d;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#4a5568;font-size:16px;font-weight:500;margin-top:20px}.loading-skeleton{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite;background:#fff;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:20px}.skeleton-header{height:24px;margin-bottom:16px}.skeleton-content,.skeleton-header{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-content{height:80px;margin-bottom:12px}.skeleton-footer{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:20px;width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.8}}.content-card:first-child{animation-delay:.05s}.content-card:nth-child(2){animation-delay:.1s}.content-card:nth-child(3){animation-delay:.15s}.content-card:nth-child(4){animation-delay:.2s}.content-card:nth-child(5){animation-delay:.25s}.content-card:nth-child(6){animation-delay:.3s}.content-card:nth-child(7){animation-delay:.35s}.content-card:nth-child(8){animation-delay:.4s}.content-card:nth-child(9){animation-delay:.45s}.content-list.loading{opacity:.6;pointer-events:none;position:relative}.content-list.loading:after{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@media (max-width:1400px){.masonry-grid{margin-left:-15px}.masonry-grid-column{padding-left:15px}}@media (max-width:768px){.automation-header{align-items:stretch;flex-direction:column;text-align:center}.search-bar{width:100%}.btn-primary{justify-content:center;width:100%}.masonry-grid{margin-left:-10px}.masonry-grid-column{padding-left:10px}.content-card{margin-bottom:15px}.card-footer-info{align-items:flex-start;flex-direction:column;gap:10px}.footer-actions{align-self:flex-end;flex-direction:column;width:100%}.stats-update-section{border-top:1px solid #e9ecef;justify-content:space-between;margin-top:8px;padding:8px 0;width:100%}.content-image,.content-video{max-height:250px}.media-grid-container{gap:4px;grid-template-columns:repeat(2,1fr)}.content-header h4{font-size:15px}.usage-badge{font-size:11px;padding:3px 8px}.content-stats{flex-direction:column;gap:15px;padding:15px}.stats-left{justify-content:center;text-align:center;width:100%}.sort-dropdown-container{justify-content:center;margin-left:0;width:100%}.sort-dropdown{max-width:300px;width:100%}.pagination-container{flex-wrap:wrap;gap:12px}.pagination-numbers{justify-content:center;margin-top:12px;order:3;width:100%}.pagination-btn{flex:1 1}.pagination-prev{order:1}.pagination-next{order:2}}@media (max-width:480px){.card-body{padding:12px}.content-preview{font-size:13px;padding:12px}.media-grid-container{grid-template-columns:1fr;max-height:300px}.media-grid-item:nth-child(n+3){display:none}.more-media-indicator{margin-top:8px;position:static;text-align:center;width:100%}.media-count-badge{font-size:11px;padding:4px 8px}.telegram-button{font-size:12px;padding:8px 12px}.pagination-number{font-size:13px;height:35px;min-width:35px}.pagination-btn{font-size:13px;padding:8px 12px}.stats-item{font-size:13px}.stats-left{flex-direction:column;gap:8px}.sort-label{font-size:13px}.sort-dropdown{font-size:13px;min-width:0;min-width:auto;padding:7px 28px 7px 10px}.stats-update-time{font-size:10px}}.btn-secondary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#7687ea,#8654b2);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary.btn-loading{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2)}@media (max-width:768px){.automation-header>div:last-child{flex-direction:column;gap:10px;width:100%}.btn-secondary{font-size:13px;justify-content:center;padding:10px 16px;width:100%}}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.d-none{display:none!important}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-between{justify-content:space-between!important}.gap-2{gap:8px!important}.gap-3{gap:12px!important}.content-list::-webkit-scrollbar{height:8px;width:8px}.content-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.content-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.content-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media print{.automation-header,.btn-primary,.content-stats,.footer-actions,.pagination-container,.search-bar{display:none!important}.content-card{break-inside:avoid;page-break-inside:avoid}}.quick-menu-container{position:relative}.dropdown-arrow{font-size:10px;transition:transform .3s ease}.quick-menu-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;left:0;min-width:220px;overflow:hidden;position:absolute;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;background:#fff;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dropdown-item:not(:last-child){border-bottom:1px solid #f0f0f0}.item-icon{align-items:center;display:flex;font-size:16px;justify-content:center;width:20px}@media (max-width:768px){.quick-menu-dropdown{min-width:auto;width:100%}}.content-modal-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.content-modal-container{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;position:relative;width:90%}.content-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px}.content-modal-header h2{align-items:center;display:flex;font-size:24px;gap:10px;margin:0}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.content-modal-tabs{background:#f5f5f5;border-bottom:2px solid #e0e0e0;display:flex}.tab-btn{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:16px;position:relative;transition:all .3s ease}.tab-btn:hover{background:#667eea1a}.tab-btn.active{background:#fff;color:#667eea}.tab-btn.active:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-btn .badge{background:#667eea;border-radius:10px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px}.content-modal-body{background:#fff;flex:1 1;overflow-y:auto;padding:24px;position:relative}.tab-content{animation:fadeIn .3s ease}.form-group label{align-items:center;color:#333;display:flex;gap:8px}.label-icon{font-size:18px}.required{color:#f44336}.form-input{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:12px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.textarea-wrapper{display:flex;flex-direction:column;position:relative}.editor-toolbar{animation:toolbarSlideDown .3s ease-out;background:linear-gradient(180deg,#f8f9fa,#f5f6f7);border:2px solid #e0e0e0;border-bottom:1px solid #d0d0d0;border-radius:8px 8px 0 0;gap:8px;justify-content:space-between;padding:12px;z-index:10}.editor-toolbar,.toolbar-group{align-items:center;display:flex;position:relative}.toolbar-group{gap:4px}.toolbar-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;gap:4px;height:32px;justify-content:center;min-width:36px;padding:6px 12px;position:relative;transition:all .2s}.toolbar-btn:hover{background:#f0f0f0;border-color:#bbb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.toolbar-btn.active{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.form-textarea{border:2px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;min-height:300px;padding:12px;resize:vertical;transition:all .3s ease;width:100%}.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.media-upload-area{min-height:300px}.media-dropzone{background:linear-gradient(135deg,#f7fafc,#edf2f7);border:2px dashed #cbd5e0;border-radius:12px;padding:40px;text-align:center;transition:all .3s ease}.media-dropzone:hover{background:linear-gradient(135deg,#f0f4ff,#e6ecff);border-color:#667eea}.dropzone-icon{font-size:48px;margin-bottom:15px}.media-dropzone h3{color:#2d3748;font-size:20px;margin:0 0 10px}.media-dropzone p{color:#718096;font-size:14px;margin:0 0 20px}.media-preview-container{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden;position:relative}.media-preview-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:12px 16px;position:relative;z-index:10}.media-preview-header h4{color:#374151;font-size:14px;font-weight:600;margin:0}.media-preview-actions{display:flex;gap:8px;position:relative;z-index:11}.btn-watermark{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:6px 12px;transition:all .2s}.btn-watermark:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-remove-single{align-items:center;background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-remove-single:hover{background:#dc2626;transform:scale(1.05)}.media-preview-content{align-items:center;background:#1a1a1a;border-radius:0 0 8px 8px;display:flex;flex-direction:column;height:400px;justify-content:center;overflow:hidden;padding:20px;position:relative}.preview-image,.preview-video{border-radius:8px;box-shadow:0 4px 12px #0000004d;display:block;height:auto;max-height:340px;max-width:90%;object-fit:contain;width:auto}.media-info-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(0deg,#000000f2,#000000b3);border-radius:0 0 8px 8px;bottom:0;color:#fff;display:flex;font-size:12px;gap:12px;left:0;padding:12px 16px;position:absolute;right:0;z-index:10}.media-filename{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-filesize{color:#9ca3af}.watermark-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:11px;font-weight:600;padding:3px 8px}.media-thumbnails-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.thumbnails-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.thumbnails-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.thumbnails-actions{display:flex;gap:10px}.media-thumbnails{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:200px;overflow-y:auto;padding:5px}.thumbnail-item{animation:slideIn .3s ease;aspect-ratio:1;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.thumbnail-item:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.thumbnail-item.selected{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.thumbnail-image{height:100%;object-fit:cover;width:100%}.thumbnail-video{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;width:100%}.video-icon{font-size:32px;margin-bottom:5px}.video-name{font-size:11px;text-align:center;word-break:break-all}.thumbnail-remove{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;opacity:0;position:absolute;right:5px;top:5px;transition:all .2s ease;width:24px;z-index:2}.thumbnail-item:hover .thumbnail-remove{opacity:1}.thumbnail-remove:hover{background:#dc3545;transform:scale(1.1)}.thumbnail-number{background:#000000b3;bottom:5px;font-size:12px;font-weight:700;height:24px;left:5px;width:24px;z-index:1}.thumbnail-number,.thumbnail-watermark-badge{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute}.thumbnail-watermark-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #0003;font-size:10px;height:20px;right:4px;top:4px;width:20px}.watermark-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.watermark-modal-container{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;width:90%}.watermark-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.watermark-modal-header h3{align-items:center;display:flex;font-size:20px;gap:10px;margin:0}.watermark-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.watermark-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.watermark-modal-body{background:#fff;border-radius:0 0 16px 16px;flex:1 1;overflow-y:auto;padding:20px}.btn-upload{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-upload:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-add-more{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-add-more:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.btn-clear-all{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.btn-clear-all:hover{background:#c82333;box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.buttons-list{margin-top:30px;width:100%}.buttons-list h4{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 15px}.buttons-list h4 .count{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.telegram-buttons-preview{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:15px;position:relative;z-index:1}.telegram-buttons-preview *{box-sizing:border-box}.telegram-buttons-preview .button-row{display:flex;gap:10px;width:100%}.telegram-button-item{align-items:center;animation:buttonSlideIn .3s ease-out;background:linear-gradient(135deg,#08c,#0077b5);border-radius:8px;box-shadow:0 2px 8px #08c3;display:flex;flex:1 1;gap:8px;min-width:0;overflow:hidden;padding:12px 14px;position:relative;transition:all .2s ease}.telegram-button-item:hover{box-shadow:0 4px 12px #0088cc4d;transform:translateY(-2px)}.telegram-button-item .button-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.telegram-button-item .button-text{color:#fff;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-button-item .button-url{color:#ffffffd9;font-size:11px;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.telegram-button-item .btn-remove-small{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.telegram-button-item .btn-remove-small:hover{background:#ef4444e6;border-color:#ef4444;transform:scale(1.1)}.content-modal-footer{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn-cancel{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-cancel:hover{background:#e0e0e0;border-color:#ccc}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.btn-delete{align-items:center;background:#f44336;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.btn-delete:hover{background:#d32f2f;box-shadow:0 4px 8px #f443364d;transform:translateY(-1px)}.upload-hint{color:#a0aec0;font-size:13px;margin-top:15px}.input-hint{color:#666;font-size:13px;margin-top:6px}.input-hint.warning{color:#ff9800;font-weight:600}.warning-text{color:#f44336;font-weight:700}.empty-state{background:#f8f9fa;border:2px dashed #dee2e6;padding:40px 20px}.empty-state .empty-icon{display:block;font-size:48px;margin-bottom:15px;opacity:.5}.empty-state p{color:#6c757d;font-size:16px;margin:0 0 8px}.empty-state small{color:#adb5bd;font-size:13px}.hashtag-preview{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px}.preview-label{color:#666;font-size:12px;font-weight:600}.hashtag-item{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:13px;font-weight:500;padding:4px 10px}@keyframes toolbarSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes buttonSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .3s ease}.telegram-button-item:first-child{animation-delay:.05s}.telegram-button-item:nth-child(2){animation-delay:.1s}.telegram-button-item:nth-child(3){animation-delay:.15s}.content-modal-body::-webkit-scrollbar,.media-thumbnails::-webkit-scrollbar,.watermark-modal-body::-webkit-scrollbar{width:8px}.content-modal-body::-webkit-scrollbar-track,.media-thumbnails::-webkit-scrollbar-track,.watermark-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.content-modal-body::-webkit-scrollbar-thumb,.media-thumbnails::-webkit-scrollbar-thumb,.watermark-modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.content-modal-body::-webkit-scrollbar-thumb:hover,.media-thumbnails::-webkit-scrollbar-thumb:hover,.watermark-modal-body::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.content-modal-container,.watermark-modal-container{max-height:95vh;width:95%}.watermark-modal-body{padding:15px}.media-preview-content{height:300px;padding:15px}.preview-image,.preview-video{max-height:260px}.media-thumbnails{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));max-height:150px}.thumbnails-header{align-items:stretch;flex-direction:column;gap:15px}.thumbnails-actions{flex-direction:column;gap:8px}.btn-add-more,.btn-clear-all{justify-content:center}.content-modal-tabs{overflow-x:auto;scrollbar-width:thin}.tab-btn{font-size:14px;min-width:120px;padding:12px 8px}.editor-toolbar{flex-wrap:wrap;gap:4px;padding:8px}.telegram-buttons-preview .button-row{flex-direction:column}.telegram-button-item{width:100%}}@media (max-width:480px){.content-modal-container,.watermark-modal-container{border-radius:0;height:100vh;max-height:100vh;width:100%}.content-modal-footer,.content-modal-header,.watermark-modal-body,.watermark-modal-header{border-radius:0}.content-modal-footer{flex-wrap:wrap}.media-preview-content{height:250px;padding:10px}.preview-image,.preview-video{max-height:210px}.media-thumbnails{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}.telegram-button-item{padding:10px 12px}.telegram-button-item .button-text{font-size:13px}.telegram-button-item .button-url{font-size:10px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-add-more:focus-visible,.btn-cancel:focus-visible,.btn-clear-all:focus-visible,.btn-delete:focus-visible,.btn-submit:focus-visible,.btn-upload:focus-visible,.btn-watermark:focus-visible,.tab-btn:focus-visible,.toolbar-btn:focus-visible{outline:2px solid #667eea;outline-offset:2px}.content-modal-backdrop{z-index:1000}.content-modal-container{z-index:1001}.watermark-modal-overlay{z-index:2000}.watermark-modal-container{z-index:2001}.emoji-picker-container{z-index:3000}@keyframes loadingPulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}style[data-emotion]+div span[style*=animation]{animation:loadingPulse 1.4s ease-in-out infinite!important}.youtube-tab-header{margin-bottom:25px}.youtube-notice{align-items:flex-start;animation:slideIn .3s ease;background:linear-gradient(135deg,red,#c00);border-radius:12px;color:#fff;display:flex;gap:15px;padding:15px}.youtube-notice .notice-icon{flex-shrink:0;font-size:24px}.youtube-notice strong{display:block;font-size:16px;margin-bottom:5px}.youtube-notice p{font-size:13px;margin:0;opacity:.95}.youtube-form-content{display:flex;flex-direction:column;gap:20px}.youtube-tags-list{animation:fadeIn .3s ease;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.youtube-tag{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#374151;display:inline-flex;font-size:13px;gap:5px;padding:5px 10px;transition:all .2s ease}.youtube-tag:hover{background:#fff5f5;border-color:red}.youtube-tag .tag-remove{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:18px;line-height:1;margin-left:3px;padding:0;transition:color .2s}.youtube-tag .tag-remove:hover{color:#ef4444;transform:scale(1.1)}.privacy-options{display:flex;flex-direction:column;gap:12px}.radio-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.radio-option:hover{background:#fff5f5;border-color:red;transform:translateX(2px)}.radio-option input[type=radio]{accent-color:red;cursor:pointer;height:18px;margin-right:12px;width:18px}.radio-option input[type=radio]:checked+.radio-label{color:#c00}.radio-option:has(input:checked){background:#fff5f5;border-color:red;box-shadow:0 0 0 3px #ff00001a}.radio-label{align-items:center;display:flex;flex:1 1;gap:12px}.radio-icon{font-size:20px}.radio-label div{flex:1 1}.radio-label strong{display:block;font-size:14px;margin-bottom:2px}.radio-label small{color:#6b7280;font-size:12px}.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s;width:100%}.form-select:hover{border-color:#d1d5db}.form-select:focus{border-color:red;box-shadow:0 0 0 3px #ff00001a;outline:none}.form-select option{padding:10px}.youtube-upload-section{border-top:2px solid #f3f4f6;margin-top:20px;padding-top:20px}.btn-youtube-upload{align-items:center;background:linear-gradient(135deg,red,#c00);border:none;border-radius:10px;box-shadow:0 4px 12px #ff00004d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:15px;transition:all .3s;width:100%}.btn-youtube-upload:hover:not(:disabled){background:linear-gradient(135deg,#f11,#d00);box-shadow:0 10px 25px #ff00004d;transform:translateY(-2px)}.btn-youtube-upload:active:not(:disabled){transform:translateY(0)}.btn-youtube-upload:disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:none;cursor:not-allowed;opacity:.5}.btn-youtube-upload span{font-size:20px}.youtube-warning{align-items:center;animation:fadeIn .3s ease;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:10px}.youtube-warning:before{content:"⚠️";font-size:16px}.youtube-success{align-items:center;animation:fadeIn .3s ease;background:#f0fdf4;border:1px solid #dcfce7;border-radius:8px;color:#16a34a;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:10px}.youtube-success:before{content:"✅";font-size:16px}.youtube-video-info{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-top:15px;padding:12px}.youtube-video-info h5{color:#374151;font-size:14px;font-weight:600;margin:0 0 8px}.youtube-video-info p{color:#6b7280;font-size:13px;margin:0}.youtube-toast-link{color:red!important;font-weight:600;text-decoration:underline!important}.youtube-toast-link:hover{color:#c00!important}@media (max-width:768px){.youtube-notice{flex-direction:column;text-align:center}.privacy-options{gap:8px}.radio-option{padding:10px}.radio-label{align-items:flex-start;flex-direction:column;gap:8px}.youtube-tags-list{max-height:150px;overflow-y:auto;padding:5px}}@media (max-width:480px){.youtube-notice{padding:12px}.youtube-notice strong{font-size:14px}.youtube-notice p{font-size:12px}.radio-option{padding:8px}.radio-option input[type=radio]{height:16px;width:16px}.btn-youtube-upload{font-size:14px;padding:12px}.btn-youtube-upload span{font-size:18px}}.youtube-uploading{pointer-events:none;position:relative}.youtube-uploading:after{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;border-radius:12px;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}@keyframes youtubeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.youtube-form-content>*,.youtube-tab-header{animation:youtubeSlideIn .3s ease}.youtube-form-content>:first-child{animation-delay:.05s}.youtube-form-content>:nth-child(2){animation-delay:.1s}.youtube-form-content>:nth-child(3){animation-delay:.15s}.youtube-form-content>:nth-child(4){animation-delay:.2s}.youtube-form-content>:nth-child(5){animation-delay:.25s}.youtube-form-content>:nth-child(6){animation-delay:.3s}.tab-btn .badge.youtube{background:red}.tab-btn.active[data-tab=youtube]:after{background:linear-gradient(135deg,red,#c00)}.bulk-mode-header{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e6ecff);border:2px solid #667eea;border-radius:12px;display:flex;justify-content:center;margin-bottom:20px;padding:15px}.bulk-selection-info{align-items:center;display:flex;gap:15px}.btn-select-all,.bulk-selection-info span{color:#667eea;font-weight:600}.btn-select-all{background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;padding:8px 16px;transition:all .3s ease}.btn-select-all:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.bulk-media-grid{grid-gap:15px;background:#f8f9fa;border-radius:12px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:500px;overflow-y:auto;padding:20px}.bulk-media-item{aspect-ratio:1;background:#fff;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.bulk-media-item:hover{box-shadow:0 4px 16px #00000026;transform:scale(1.03)}.bulk-media-item.selected{border-color:#667eea;box-shadow:0 0 0 4px #667eea33;transform:scale(1.03)}.bulk-media-checkbox{left:10px;position:absolute;top:10px;z-index:2}.bulk-media-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:24px;width:24px}.bulk-media-preview{height:100%;object-fit:cover;width:100%}.bulk-media-video{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.bulk-media-video .video-icon{font-size:48px;margin-bottom:10px}.bulk-media-video .video-name{font-size:12px;max-height:40px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.bulk-media-number{align-items:center;background:#000c;border-radius:50%;bottom:10px;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;position:absolute;right:10px;width:32px;z-index:1}.save-settings-bar{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b;display:flex;justify-content:space-between;padding:15px 24px}.btn-save-settings{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-save-settings:hover{box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.saved-date{color:#92400e;font-size:13px;font-style:italic}.saved-settings-notification{animation:slideDown .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;left:50%;min-width:400px;padding:20px;position:fixed;top:20px;transform:translateX(-50%);z-index:2000}.notification-content{align-items:center;display:flex;gap:12px}.notification-icon{font-size:24px}.notification-content span:not(.notification-icon){color:#333;flex:1 1;font-weight:500}.btn-load-settings{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-load-settings:hover{box-shadow:0 4px 12px #10b9814d;transform:scale(1.05)}.btn-dismiss{background:#e5e7eb;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-dismiss:hover{background:#d1d5db}.btn-clear-settings{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-clear-settings:hover{background:#fecaca}.bulk-count-badge{animation:pulse 2s infinite;border-radius:20px;color:#fff;font-size:13px;font-weight:600;margin-left:10px;padding:4px 12px}.bulk-count-badge,.tab-btn .badge.selected{background:linear-gradient(135deg,#10b981,#059669)}.tab-btn .badge.selected{margin-left:5px}.bulk-create-info,.bulk-info{align-items:center;display:flex}.bulk-create-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #10b981;border-radius:8px;color:#059669;font-size:14px;font-weight:600;gap:8px;padding:10px 16px}.bulk-media-grid::-webkit-scrollbar{width:8px}.bulk-media-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.bulk-media-grid::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.bulk-media-grid::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.bulk-mode-header{flex-direction:column;gap:15px}.bulk-media-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:400px;padding:15px}.saved-settings-notification{min-width:90%;padding:15px}.notification-content{flex-wrap:wrap;gap:10px}.notification-content button{flex:1 1;min-width:80px}}@media (max-width:480px){.bulk-media-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));padding:10px}.bulk-media-checkbox input[type=checkbox]{height:20px;width:20px}.bulk-media-number{font-size:12px;height:24px;width:24px}.bulk-media-video .video-icon{font-size:32px}.bulk-media-video .video-name{font-size:10px}.save-settings-bar{flex-direction:column;gap:10px;text-align:center}}.bulk-media-item{animation:fadeIn .3s ease}.bulk-media-item:nth-child(n){animation-delay:calc(.05s*var(--item-index))}.bulk-media-item:first-child{--item-index:1}.bulk-media-item:nth-child(2){--item-index:2}.bulk-media-item:nth-child(3){--item-index:3}.bulk-media-item:nth-child(4){--item-index:4}.bulk-media-item:nth-child(5){--item-index:5}.bulk-media-item:nth-child(6){--item-index:6}.bulk-media-item:nth-child(7){--item-index:7}.bulk-media-item:nth-child(8){--item-index:8}.bulk-media-item:nth-child(9){--item-index:9}.bulk-media-item:nth-child(10){--item-index:10}.qb-modal-overlay{align-items:center;animation:qbFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes qbFadeIn{0%{opacity:0}to{opacity:1}}.qb-modal-content{animation:qbSlideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:90%}@keyframes qbSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qb-modal-header{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 28px}.qb-modal-header h2{color:#1e293b;font-size:24px;font-weight:700;margin:0}.qb-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:32px;height:36px;justify-content:center;line-height:1;transition:all .2s;width:36px}.qb-modal-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.qb-modal-body{flex:1 1;overflow-y:auto;padding:28px}.qb-modal-body::-webkit-scrollbar{width:8px}.qb-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.qb-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.qb-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.qb-error-message{animation:qbShake .5s;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:10px;color:#991b1b;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}@keyframes qbShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.qb-form-group{margin-bottom:20px}.qb-form-group label{color:#475569;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.qb-input,.qb-search-input{border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s;width:100%}.qb-input:focus,.qb-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.qb-buttons-list{border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;max-height:400px;overflow-y:auto}.qb-buttons-list::-webkit-scrollbar{width:6px}.qb-buttons-list::-webkit-scrollbar-track{background:#f8f9fa}.qb-buttons-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.qb-empty-state{color:#94a3b8;font-size:15px;padding:40px 20px;text-align:center}.qb-button-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:16px 18px;transition:all .2s}.qb-button-item:last-child{border-bottom:none}.qb-button-item:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateX(4px)}.qb-button-text{color:#1e293b;font-size:15px;font-weight:600;margin-bottom:6px}.qb-button-url{color:#64748b;font-size:13px;margin-bottom:6px;word-break:break-all}.qb-button-usage{color:#94a3b8;font-size:12px;font-style:italic}.qb-selected-button{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea33;border-radius:12px;margin-bottom:24px;padding:16px}.qb-selected-label{color:#64748b;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.qb-selected-text{color:#1e293b;font-size:16px;font-weight:600;margin-bottom:6px}.qb-selected-url{color:#64748b;font-size:13px;margin-bottom:12px;word-break:break-all}.qb-change-button{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:12px;font-weight:500;margin-top:8px;padding:6px 12px;transition:all .2s}.qb-change-button:hover{background:#f8fafc;border-color:#667eea;color:#667eea}.qb-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:10px;color:#92400e;font-size:13px;margin-top:20px;padding:14px 16px}.qb-warning strong{display:block;margin-bottom:4px}.qb-modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.qb-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.qb-btn:disabled{cursor:not-allowed;opacity:.5}.qb-btn-secondary{background:#e2e8f0;color:#475569}.qb-btn-secondary:hover:not(:disabled){background:#cbd5e1;transform:translateY(-2px)}.qb-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff}.qb-btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.qb-btn-primary:active:not(:disabled){transform:translateY(0)}@media (max-width:768px){.qb-modal-content{max-height:95vh;width:95%}.qb-modal-header{padding:20px}.qb-modal-header h2{font-size:20px}.qb-modal-body{padding:20px}.qb-modal-footer{flex-direction:column;padding:16px 20px}.qb-btn{width:100%}.qb-buttons-list{max-height:300px}}@media (max-width:480px){.qb-modal-header h2{font-size:18px}.qb-modal-body{padding:16px}.qb-modal-footer{padding:14px 16px}}.ct-channels-container{padding:20px}.ct-platform-selector-header{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:20px;text-align:center}.ct-platform-selector-header h2{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 8px}.ct-platform-selector-header p{color:#64748b;font-size:14px;margin:0}.ct-platform-selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.ct-platform-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;overflow:hidden;padding:24px 20px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.ct-platform-card:hover:not(.disabled){border-color:var(--platform-color);box-shadow:0 12px 24px -10px #00000026;transform:translateY(-4px)}.ct-platform-card:active:not(.disabled){transform:translateY(-2px) scale(.98);transition:all .1s ease}.ct-platform-card.active{background:linear-gradient(135deg,color-mix(in srgb,var(--platform-color) 5%,#fff),color-mix(in srgb,var(--platform-color) 10%,#fff));border-color:var(--platform-color);box-shadow:0 8px 16px -8px color-mix(in srgb,var(--platform-color) 30%,#0000);transform:scale(1.02)}.ct-platform-card.active:hover{box-shadow:0 10px 20px -8px color-mix(in srgb,var(--platform-color) 40%,#0000);transform:scale(1.02) translateY(-2px)}.ct-platform-card.disabled{background:#f9fafb;cursor:not-allowed;opacity:.5}.ct-platform-card.disabled:hover{border-color:#e5e7eb;box-shadow:none;transform:none}.ct-platform-card-icon{margin-bottom:12px;transition:all .3s ease}.ct-platform-card:hover:not(.disabled) .ct-platform-card-icon{transform:scale(1.1)}.ct-platform-card.active .ct-platform-card-icon{animation:ct-bounce .5s ease;filter:brightness(1.2) saturate(1.2);transform:scale(1.1)}@keyframes ct-bounce{0%,to{transform:scale(1.1)}50%{transform:scale(1.2)}}.ct-platform-card.active:after{animation:ct-pulse-border 2s linear infinite;background:linear-gradient(45deg,var(--platform-color),#0000,var(--platform-color));border-radius:16px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes ct-pulse-border{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.01)}}.ct-platform-card-content h3{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px;transition:all .3s ease}.ct-platform-card.active .ct-platform-card-content h3{color:var(--platform-color);font-weight:700}.ct-platform-card-content p{color:#6b7280;font-size:12px;line-height:1.4;margin:0}.ct-coming-soon-ribbon{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 2px 8px #00000026;color:#fff;font-size:11px;font-weight:600;padding:4px 40px;position:absolute;right:-30px;top:8px;transform:rotate(45deg)}.ct-platform-selected-indicator{animation:ct-checkIn .3s cubic-bezier(.68,-.55,.265,1.55);position:absolute;right:12px;top:12px}@keyframes ct-checkIn{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(20deg)}to{opacity:1;transform:scale(1) rotate(0)}}.ct-platform-card[data-platform=telegram].active{background:linear-gradient(135deg,#e6f4ff,#f0f9ff);border-color:#08c}.ct-platform-card[data-platform=youtube].active{background:linear-gradient(135deg,#ffe6e6,#fff0f0);border-color:red}.ct-platform-card[data-platform=x].active{background:linear-gradient(135deg,#f5f5f5,#fafafa);border-color:#000}.ct-platform-card[data-platform=instagram].active{background:linear-gradient(135deg,#ffe0e6,#fff5f7);border-color:#e4405f}.ct-platform-card[data-platform=tiktok].active{background:linear-gradient(135deg,#f5f5f5,#fafafa);border-color:#000}.ct-platform-content{animation:ct-fadeIn .3s ease;min-height:400px}.ct-coming-soon-container{align-items:center;display:flex;justify-content:center;min-height:500px;padding:40px}.ct-coming-soon-content{max-width:600px;text-align:center}.ct-coming-soon-icon{animation:ct-float 3s ease-in-out infinite;margin-bottom:24px}@keyframes ct-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ct-coming-soon-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin:0 0 16px}.ct-coming-soon-description{color:#64748b;font-size:16px;line-height:1.6;margin-bottom:40px}.ct-coming-soon-features{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:32px}.ct-coming-soon-features h3{color:#374151;font-size:18px;font-weight:600;margin:0 0 24px}.ct-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ct-feature-item{align-items:center;background:#f9fafb;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px;transition:all .2s ease}.ct-feature-item:hover{background:#f3f4f6;transform:translateY(-2px)}.ct-feature-icon{font-size:24px}.ct-feature-item span:last-child{color:#4b5563;font-size:13px;font-weight:500}.ct-coming-soon-footer{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:12px;margin-top:32px;padding:16px}.ct-coming-soon-footer p{color:#92400e;font-size:14px;font-weight:500;margin:0}.ct-telegram-channels-container{animation:ct-fadeIn .3s ease}.ct-automation-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.ct-automation-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.ct-channels-list{margin-top:30px}.ct-channels-list h3{color:#333;margin-bottom:20px}.ct-channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.ct-channel-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;min-height:400px;overflow:visible;position:relative;transition:all .3s}.ct-channel-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.ct-channel-card-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.ct-channel-header-section{border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px;position:relative}.ct-last-post-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:flex;font-size:12px;font-weight:600;gap:5px;padding:4px 12px;position:absolute;right:-10px;top:-15px;z-index:10}.ct-channel-main-info{align-items:center;display:flex;gap:15px}.ct-channel-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #f0f0f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:60px;justify-content:center;overflow:hidden;position:relative;width:60px}.ct-channel-avatar img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.ct-fetch-photo-mini-btn{align-items:center;background:#667eea;border:none;border-radius:50%;bottom:0;cursor:pointer;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:0;width:20px}.ct-channel-details{flex:1 1}.ct-channel-details h4{color:#333;font-size:1.2em;font-weight:600;margin:0}.ct-channel-name-clickable{display:inline-block;padding-right:8px;position:relative}.ct-channel-name-clickable:hover:after{animation:ct-fadeInEdit .2s ease;font-size:14px;opacity:.7;position:absolute;right:-20px}@keyframes ct-fadeInEdit{0%{opacity:0;transform:translateX(-5px)}to{opacity:.7;transform:translateX(0)}}.ct-telegram-link-icon{border-radius:4px;padding:2px;transition:all .2s ease}.ct-telegram-link-icon:hover{background:#5a9fd41a}.ct-private-badge{align-items:center;background:#ff9800;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:500;margin-left:4px;padding:2px 6px}.ct-channel-meta{align-items:center;display:flex;gap:10px;margin-top:5px}.ct-channel-username{color:#2196f3;font-size:13px;text-decoration:none}.ct-channel-username:hover{text-decoration:underline}.ct-channel-members{align-items:center;color:#666;display:flex;font-size:13px;gap:4px}.ct-channel-description{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;color:#666;font-size:13px;font-style:italic;margin-bottom:15px;padding:10px}.ct-channel-automation-info{align-items:center;background:linear-gradient(135deg,#f0f4ff,#e8f0fe);border-left:3px solid #667eea;border-radius:10px;display:flex;justify-content:space-between;margin:12px 0;padding:10px;transition:all .3s ease}.ct-channel-automation-info:hover{background:linear-gradient(135deg,#e8f0fe,#dde7ff);transform:translateX(2px)}.ct-channel-automation-info.ct-inactive{background:#f5f5f5;border-left-color:#ccc;padding:8px 10px}.ct-automation-schedule-badge{align-items:center;display:flex;gap:8px}.ct-schedule-icon{animation:ct-pulse 2s infinite;font-size:18px}@keyframes ct-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ct-schedule-details{display:flex;flex-direction:column;gap:2px}.ct-schedule-text{color:#4a5568;font-size:13px;font-weight:600}.ct-next-time{color:#10b981;font-size:11px;font-weight:500}.ct-more-schedules{background:#667eea;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px}.ct-no-automation{color:#999;font-size:13px;font-style:italic}.ct-channel-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.ct-channel-tag{border-radius:10px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:3px 8px}.ct-channel-stats-section{border-top:1px solid #e0e0e0;margin-bottom:0;margin-top:auto;padding-top:15px}.ct-channel-stats-mini .ct-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:15px}.ct-stat-item{border:1px solid #0000001a;border-radius:8px;padding:8px;text-align:center}.ct-stat-item.ct-subscriber{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea30}.ct-stat-item.ct-views{background:linear-gradient(135deg,#4facfe15,#00f2fe15);border-color:#4facfe30}.ct-stat-label{color:#666;font-size:11px}.ct-stat-value{color:#333;font-size:14px;font-weight:700}.ct-no-stats{color:#999;font-size:13px;padding:20px;text-align:center}.ct-no-stats-icon{font-size:30px;margin-bottom:10px;opacity:.3}.ct-card-footer-info{align-items:center;background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:auto;padding:12px 16px}.ct-footer-left{display:flex;flex-direction:column;gap:2px}.ct-footer-username{color:#374151;font-size:13px;font-weight:600}.ct-footer-date{color:#9ca3af;font-size:11px}.ct-footer-actions{display:flex;gap:8px}.ct-icon-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ct-icon-btn:hover{background-color:#e5e7eb;color:#374151;transform:translateY(-1px)}.ct-icon-btn.ct-history-icon:hover{background-color:#dbeafe;color:#3b82f6}.ct-icon-btn.ct-edit-icon:hover{background-color:#dcfce7;color:#16a34a}@keyframes ct-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.ct-platform-selector-grid{grid-template-columns:repeat(2,1fr)}.ct-automation-header{flex-direction:column;gap:15px;text-align:center}.ct-channels-grid{grid-template-columns:1fr}.ct-card-footer-info{padding:10px 12px}.ct-footer-left{font-size:12px;gap:1px}.ct-footer-username{font-size:12px}.ct-footer-date{font-size:10px}.ct-icon-btn{height:28px;width:28px}.ct-icon-btn svg{height:16px;width:16px}}@media (max-width:480px){.ct-platform-selector-grid{grid-template-columns:1fr}}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.stat-card.success{background:#f0fdf4;border-color:#10b981}.stat-card.error{background:#fef2f2;border-color:#ef4444}.stat-card.rate{background:#f3f4ff;border-color:#667eea}.stat-value{color:#111827;font-size:24px;margin-bottom:4px}.stat-card.success .stat-value{color:#10b981}.stat-card.error .stat-value{color:#ef4444}.stat-card.rate .stat-value{color:#667eea}.stat-label{color:#6b7280;font-weight:500}.recent-stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.recent-stat-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px}.stat-date{color:#6b7280;font-size:11px;font-weight:600;margin-bottom:6px}.stat-values{color:#374151;display:flex;flex-direction:column;font-size:12px;gap:2px}.log-error{background:#fef2f2;border-radius:4px;color:#ef4444;font-size:13px;margin:4px 0;padding:6px 10px}.pagination-container{border-top:1px solid #e5e7eb;gap:16px;justify-content:center;margin-top:20px;padding-top:16px}.pagination-btn{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.pagination-btn:disabled{opacity:.5}.pagination-info{color:#6b7280;font-size:13px;font-weight:500}@media (max-width:640px){.history-modal-container{max-height:90vh;width:95%}.stats-grid{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}.log-header{align-items:flex-start;flex-direction:column;gap:4px}.recent-stats-grid{grid-template-columns:repeat(2,1fr)}}.ig-channels-container{animation:ig-fadeIn .3s ease;padding:20px}.ig-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ig-header-content h2{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 8px}.ig-header-content p{color:#6b7280;font-size:14px;margin:0}.ig-add-button{align-items:center;background:linear-gradient(135deg,#e4405f,#c13584 50%,#833ab4);border:none;border-radius:12px;box-shadow:0 4px 12px #e4405f4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.ig-add-button:hover{box-shadow:0 6px 16px #e4405f66;transform:translateY(-2px)}.ig-add-button:active{transform:translateY(0)}.ig-add-button-icon{font-size:20px}.ig-empty-state{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px dashed #e5e7eb;border-radius:16px;padding:60px 20px;text-align:center}.ig-empty-icon{animation:ig-float 3s ease-in-out infinite;font-size:64px;margin-bottom:20px}.ig-empty-state h3{color:#1f2937;font-size:24px;font-weight:600;margin:0 0 12px}.ig-empty-state p{color:#6b7280;font-size:16px;line-height:1.5;margin:0 auto 24px;max-width:500px}.ig-empty-button{background:linear-gradient(135deg,#e4405f,#c13584 50%,#833ab4);border:none;border-radius:12px;box-shadow:0 4px 16px #e4405f66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.ig-empty-button:hover{box-shadow:0 6px 20px #e4405f80;transform:translateY(-2px)}.ig-channels-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ig-channel-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.ig-channel-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.ig-gradient-border{background:linear-gradient(90deg,#e4405f,#c13584 50%,#833ab4);height:4px;left:0;position:absolute;right:0;top:0}.ig-channel-header{margin-bottom:16px}.ig-avatar,.ig-channel-header{align-items:center;display:flex}.ig-avatar{background:linear-gradient(135deg,#e4405f,#833ab4);background-position:50%;background-size:cover;border:3px solid #0000;border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;font-weight:700;height:56px;justify-content:center;margin-right:12px;position:relative;width:56px}.ig-avatar.has-image{border:3px solid #e5e7eb}.ig-avatar-fallback{text-transform:uppercase}.ig-channel-info{flex:1 1;min-width:0}.ig-username-row{align-items:center;display:flex;gap:8px;margin-bottom:4px}.ig-username{color:#1f2937;font-size:18px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig-verified-badge{flex-shrink:0;font-size:16px}.ig-channel-name{color:#6b7280;font-size:13px;margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;margin-top:4px;padding:2px 8px}.ig-status-badge.connected{background:#10b9811f;color:#10b981}.ig-status-badge.disconnected{background:#ef44441f;color:#ef4444}.ig-status-badge.expired{background:#f59e0b1f;color:#f59e0b}.ig-stats-grid{grid-gap:12px;background:#f9fafb;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px;padding:16px}.ig-stat-item{text-align:center}.ig-stat-value{color:#1f2937;font-size:20px;font-weight:700;margin-bottom:4px}.ig-stat-label{color:#6b7280;font-size:12px}.ig-biography{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 16px;overflow:hidden}.ig-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.ig-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.ig-action-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.ig-action-btn:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.5}.ig-action-btn.syncing{background:#f3f4f6;cursor:wait}.ig-session-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.ig-session-btn:hover{background:#f9fafb;border-color:#d1d5db}.ig-secondary-actions{display:flex;gap:8px;margin-top:8px}.ig-profile-btn{align-items:center;background:linear-gradient(135deg,#e4405f,#c13584);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.ig-profile-btn:hover{box-shadow:0 4px 8px #e4405f4d;transform:translateY(-1px)}.ig-delete-btn{background:#fff;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.ig-delete-btn:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.ig-last-sync{background:#f9fafb;border-radius:6px;color:#6b7280;font-size:12px;margin-top:12px;padding:8px;text-align:center}.ig-loading{padding:40px;text-align:center}.ig-loading-icon{animation:ig-spin 2s linear infinite;font-size:48px;margin-bottom:16px}.ig-loading p{color:#6b7280;font-size:16px;margin:0}.ig-modal-overlay{align-items:center;animation:ig-fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ig-modal{animation:ig-slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow:auto;width:100%}.ig-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.ig-modal-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.ig-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.ig-modal-close:hover{background:#f3f4f6;color:#1f2937}.ig-modal-body{padding:24px}.ig-login-form{background:linear-gradient(135deg,#fef3f3,#fef2f7);border:1px solid #fee2e2;border-radius:12px;margin-bottom:24px;padding:20px}.ig-form-icon{font-size:32px;margin-bottom:12px}.ig-form-title{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.ig-form-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 16px}.ig-form-group{margin-bottom:16px}.ig-form-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.ig-form-input{border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:all .2s ease;width:100%}.ig-form-input:focus{border-color:#e4405f;box-shadow:0 0 0 3px #e4405f1a;outline:none}.ig-form-hint{color:#6b7280;display:block;font-size:12px;line-height:1.4;margin-top:6px}.ig-security-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-bottom:16px;padding:12px}.ig-security-note p{color:#92400e;font-size:13px;line-height:1.5;margin:0}.ig-submit-btn{background:linear-gradient(135deg,#e4405f,#c13584 50%,#833ab4);border:none;border-radius:8px;box-shadow:0 4px 16px #e4405f4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.ig-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #e4405f66;transform:translateY(-2px)}.ig-submit-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}@keyframes ig-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ig-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ig-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes ig-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.ig-channels-container{padding:16px}.ig-header{align-items:flex-start;flex-direction:column;gap:16px}.ig-add-button{justify-content:center;width:100%}.ig-channels-grid{grid-template-columns:1fr}.ig-stats-grid{gap:8px;padding:12px}.ig-stat-value{font-size:18px}.ig-stat-label{font-size:11px}.ig-actions{flex-direction:column}.ig-action-btn,.ig-session-btn{min-width:auto;width:100%}.ig-secondary-actions{flex-direction:column}.ig-delete-btn,.ig-profile-btn{width:100%}}@media (max-width:480px){.ig-empty-state{padding:40px 16px}.ig-empty-icon{font-size:48px}.ig-empty-state h3{font-size:20px}.ig-empty-state p{font-size:14px}.ig-channel-card{padding:20px}.ig-modal{border-radius:12px}.ig-modal-body,.ig-modal-header{padding:20px}}.x-channels-container{padding:20px}.x-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.x-header-content h2{color:#333;font-size:24px;margin:0}.x-header-content p{color:#666;font-size:14px;margin:5px 0 0}.x-header-actions{display:flex;gap:10px}.x-connect-btn,.x-refresh-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.x-refresh-btn{background:#f0f0f0;color:#333}.x-refresh-btn:hover{background:#e0e0e0}.x-connect-btn{background:#000;color:#fff}.x-connect-btn:hover{background:#1a1a1a;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.x-connect-btn-large{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 30px;transition:all .3s}.x-connect-btn-large:hover{background:#1a1a1a;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.x-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.spinner,.spinner-large{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#000}.spinner{height:20px;width:20px}.spinner-large{height:40px;width:40px}.x-empty-state{background:#f9f9f9;border-radius:12px;padding:60px 20px;text-align:center}.x-empty-icon{margin-bottom:20px;opacity:.3}.x-empty-state h3{color:#333;font-size:20px;margin:0 0 10px}.x-empty-state p{color:#666;font-size:14px;margin:0}.x-accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.x-account-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s}.x-account-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.x-account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.x-account-info{align-items:center;display:flex;gap:12px}.x-account-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.x-account-details h4{color:#333;font-size:16px;margin:0}.x-account-username{color:#666;font-size:14px}.x-account-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.x-account-status.active{background:#e8f5e9;color:#2e7d32}.x-account-status.inactive{background:#ffebee;color:#c62828}.x-account-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;justify-content:space-around;margin:15px 0;padding:15px 0}.x-stat-item{text-align:center}.x-stat-label{color:#666;display:block;font-size:12px;margin-bottom:4px}.x-stat-value{color:#333;display:block;font-size:18px;font-weight:700}.x-account-footer{display:flex;gap:10px;margin-top:15px}.x-disconnect-btn,.x-test-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;padding:8px;transition:all .3s}.x-test-btn{background:#4caf50;color:#fff}.x-test-btn:hover{background:#45a049}.x-disconnect-btn{background:#f44336;color:#fff}.x-disconnect-btn:hover{background:#da190b}.x-last-activity{border-top:1px solid #f0f0f0;color:#999;font-size:12px;margin-top:10px;padding-top:10px;text-align:center}.x-features-info{background:#f9f9f9;border-radius:12px;margin-top:40px;padding:30px}.x-features-info h3{color:#333;font-size:18px;margin:0 0 20px}.x-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.x-feature-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:15px}.x-feature-icon{flex-shrink:0;font-size:24px}.x-feature-item h4{color:#333;font-size:14px;margin:0 0 4px}.x-feature-item p{color:#666;font-size:12px;margin:0}@media (max-width:768px){.x-header{align-items:flex-start;flex-direction:column;gap:15px}.x-accounts-grid,.x-features-grid{grid-template-columns:1fr}}.automation-modal-backdrop{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.automation-modal-content{background:#fff;border-radius:12px;max-height:90vh;max-width:600px;overflow:auto;padding:25px;width:90%}.automation-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.automation-modal-header h3{color:#333;font-size:20px;margin:0}.automation-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.automation-modal-close:hover{background-color:#f0f0f0}.automation-form-group{margin-bottom:20px}.automation-form-label{color:#333;display:block;font-size:15px;font-weight:700;margin-bottom:8px}.automation-form-input,.automation-form-select{border:1px solid #ddd;border-radius:6px;font-size:15px;padding:10px;transition:border-color .2s;width:100%}.automation-form-input:focus,.automation-form-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.automation-info-banner{align-items:flex-start;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.automation-info-icon{flex-shrink:0;font-size:24px}.automation-info-content{flex:1 1}.automation-info-title{color:#1976d2;display:block;font-weight:700;margin-bottom:5px}.automation-info-text{color:#424242;font-size:14px;line-height:1.5}.automation-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.automation-section-toggle-btn{background:linear-gradient(135deg,#48dbfb,#0abde3);border:none;border-radius:6px;box-shadow:0 2px 4px #48dbfb4d;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.automation-section-toggle-btn:hover{box-shadow:0 4px 8px #48dbfb66;transform:translateY(-1px)}.automation-selection-container{max-height:0;opacity:0;overflow:hidden;transform:translateY(-10px);transition:all .5s cubic-bezier(.4,0,.2,1)}.automation-selection-container.expanded{max-height:600px;opacity:1;transform:translateY(0)}.automation-selected-preview{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e0e8ff;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px;padding:12px}.automation-preview-badge{background:#667eea;border-radius:12px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.automation-preview-badge.more{background:#9ca3af}.automation-tag-preview-badge{border-radius:12px;box-shadow:0 1px 3px #0003;color:#fff;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.automation-warning-message{background:#fff3cd;border-radius:8px;color:#856404;font-size:14px;margin-bottom:10px;padding:15px;text-align:center}.automation-info-message{background:#f0f8ff;border-radius:8px;color:#06c;font-size:13px;margin-bottom:10px;padding:10px}.automation-no-items-message{color:#999;font-style:italic;padding:20px;text-align:center}.automation-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;margin-bottom:12px;padding:10px 12px;transition:all .3s ease;width:100%}.automation-search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.automation-search-input::placeholder{color:#999}.automation-items-container{background:linear-gradient(135deg,#f5f7fa,#e9ecef);border:2px solid #e0e0e0;border-radius:8px;max-height:180px;overflow-y:auto;padding:12px;transition:all .3s ease}.automation-items-container:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.automation-channels-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.automation-tags-container{background:linear-gradient(135deg,#f5f7fa,#e9ecef)}.automation-item-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:5px;padding:8px;transition:background .2s}.automation-item-checkbox:hover{background:#ffffff80}.automation-item-checkbox input[type=checkbox]{height:16px;margin-right:10px;width:16px}.automation-tag-checkbox{align-items:center;border-radius:4px;cursor:pointer;display:flex;margin-bottom:5px;padding:8px;transition:background .2s}.automation-tag-checkbox:hover{background:#f0f0f0}.automation-tag-checkbox input[type=checkbox]{height:16px;margin-right:10px;width:16px}.automation-tag-color{border-radius:50%;flex-shrink:0;height:20px;margin-right:10px;width:20px}.automation-tag-name{color:#333;flex:1 1;font-weight:500}.automation-channel-checkbox{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;margin-bottom:8px;padding:10px;transition:all .2s ease}.automation-channel-checkbox:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateX(2px)}.automation-channel-checkbox:has(input:checked){background:linear-gradient(90deg,#667eea0d,#0000);border-color:#667eea}.automation-channel-checkbox input[type=checkbox]{flex-shrink:0;height:18px;margin-right:12px;width:18px}.automation-channel-avatar{background:#f0f0f0;border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;overflow:hidden;position:relative;width:40px}.automation-channel-avatar img{height:100%;object-fit:cover;width:100%}.automation-channel-avatar-fallback{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.automation-channel-info{flex:1 1;min-width:0}.automation-channel-name{color:#333;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-channel-members{color:#666;font-size:12px;margin-top:2px}.automation-selection-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.automation-btn-clear-all{background:linear-gradient(135deg,#dc3545,#fd7e14);border:none;border-radius:6px;box-shadow:0 2px 4px #dc35454d;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.automation-btn-clear-all:hover{box-shadow:0 4px 8px #dc354566;transform:translateY(-1px)}.automation-schedule-times-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}.automation-schedule-time-row{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;display:flex;gap:10px;margin-bottom:10px;padding:12px;transition:all .3s ease}.automation-schedule-time-row:hover{background-color:#f0f4ff;border-color:#667eea;box-shadow:0 2px 4px #667eea1a;transform:translateY(-1px)}.automation-schedule-time-number{font-size:14px;font-weight:700;min-width:25px}.automation-time-input-wrapper{align-items:center;display:flex;flex:1 1;gap:10px}.automation-time-label{color:#666;font-size:14px;font-weight:500}.automation-time-input{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:16px;min-width:100px;padding:8px 12px;transition:all .2s ease}.automation-time-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26;outline:none}.automation-time-input:hover{border-color:#999}.automation-time-hint{color:#888;font-size:13px;font-style:italic;margin-left:10px}.automation-schedule-order-indicator{color:#666;font-size:12px;min-width:80px;text-align:right}.automation-earliest-indicator{align-items:center;color:#4caf50;display:flex;font-weight:700;gap:4px}.automation-latest-indicator{align-items:center;color:#ff9800;display:flex;font-weight:700;gap:4px}.automation-sort-info{color:#666;font-size:12px;font-weight:400;margin-left:10px}.automation-checkbox-label{align-items:center;cursor:pointer;display:flex}.automation-checkbox-input{height:18px;margin-right:10px;width:18px}.automation-checkbox-text{color:#333;font-weight:700}.automation-modal-footer{border-top:1px solid #eee;display:flex;gap:10px;padding-top:20px}.automation-footer-left{flex:1 1}.automation-footer-right{display:flex;gap:10px}.automation-btn-delete{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 20px;transition:background-color .2s}.automation-btn-delete:hover{background:#c82333}.automation-btn-cancel{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;padding:12px 20px;transition:background-color .2s}.automation-btn-cancel:hover{background:#5a6268}.automation-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:12px 20px;transition:opacity .2s}.automation-btn-save:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.automation-btn-save:hover:not(:disabled){opacity:.9}@media (max-width:768px){.automation-modal-content{margin:10px;padding:20px;width:95%}.automation-footer-right{flex-direction:column}}@media (max-width:480px){.automation-schedule-time-row{align-items:stretch;flex-direction:column;gap:8px;padding:12px}.automation-schedule-time-number{text-align:center}.automation-time-input-wrapper{align-items:stretch;flex-direction:column}.automation-time-input{width:100%}.automation-time-hint{margin-left:0;margin-top:5px;text-align:center}.automation-schedule-order-indicator{margin-top:8px;text-align:center}.automation-channel-avatar{height:35px;width:35px}.automation-channel-avatar-fallback{font-size:16px}}.automation-youtube-channels-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.automation-youtube-channel-item{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.automation-youtube-channel-item:before{background:red;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.automation-youtube-channel-item:hover{background:linear-gradient(90deg,#ff000008,#0000);border-color:red;box-shadow:0 4px 12px #ff000026;transform:translateX(2px)}.automation-youtube-channel-item:has(input:checked){background:linear-gradient(90deg,#ff000014,#0000);border-color:red}.automation-youtube-channel-item:has(input:checked):before{transform:scaleY(1)}.automation-youtube-channel-item input[type=radio]{accent-color:red;cursor:pointer;flex-shrink:0;height:20px;margin-right:15px;width:20px}.automation-youtube-channel-info{align-items:center;display:flex;flex:1 1;gap:12px}.automation-youtube-thumbnail{border:2px solid #f0f0f0;border-radius:50%;flex-shrink:0;height:45px;object-fit:cover;transition:all .3s ease;width:45px}.automation-youtube-channel-item:hover .automation-youtube-thumbnail{border-color:red;transform:scale(1.05)}.automation-youtube-channel-details{flex:1 1;min-width:0}.automation-youtube-channel-name{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.automation-youtube-channel-name:after{content:"📺";font-size:14px;opacity:.7}.automation-youtube-channel-stats{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.automation-youtube-channel-stats span{align-items:center;display:inline-flex;gap:4px}.automation-youtube-toggle{align-items:center;background:linear-gradient(135deg,#fff5f5,#ffe0e0);border:2px solid #fcc;border-radius:8px;display:flex;margin-bottom:15px;padding:12px;transition:all .3s ease}.automation-youtube-toggle:hover{background:linear-gradient(135deg,#ffe0e0,#fcc);border-color:red}.automation-youtube-toggle input[type=checkbox]{accent-color:red;height:20px;margin-right:12px;width:20px}.automation-youtube-toggle-label{align-items:center;color:#333;display:flex;font-size:15px;font-weight:600;gap:8px}.automation-youtube-empty{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:10px;padding:30px;text-align:center}.automation-youtube-empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.automation-youtube-empty-text{color:#6c757d;font-size:14px;line-height:1.6}.automation-youtube-loading{color:#666;padding:40px;text-align:center}.automation-youtube-loading:before{animation:automation-youtube-spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:red;content:"";display:inline-block;height:30px;margin-bottom:10px;width:30px}@keyframes automation-youtube-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.automation-youtube-error{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#ef4444;display:flex;font-size:13px;gap:6px;margin-top:10px;padding:8px 12px}.automation-youtube-badge{align-items:center;animation:automation-youtube-pulse 2s infinite;background:linear-gradient(135deg,red,#c00);border-radius:20px;box-shadow:0 2px 6px #ff00004d;color:#fff;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}@keyframes automation-youtube-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.automation-youtube-channel-item{padding:10px}.automation-youtube-thumbnail{height:40px;width:40px}.automation-youtube-channel-name{font-size:14px}.automation-youtube-channel-stats{font-size:12px}}@media (max-width:480px){.automation-youtube-channel-info{align-items:flex-start;flex-direction:column;gap:8px}.automation-youtube-thumbnail{height:35px;width:35px}.automation-youtube-channel-stats{align-items:flex-start;flex-direction:column;gap:4px}}.automation-youtube-section-enter{opacity:0;transform:translateY(-10px)}.automation-youtube-section-enter-active{opacity:1;transform:translateY(0);transition:all .3s ease}.automation-youtube-section-exit{opacity:1;transform:translateY(0)}.automation-youtube-section-exit-active{opacity:0;transform:translateY(-10px);transition:all .3s ease}.automation-radio-label{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;padding:10px 15px;transition:all .3s ease}.automation-radio-label:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 2px 8px #667eea26;transform:translateY(-1px)}.automation-radio-label:has(input:checked){background:linear-gradient(90deg,#667eea14,#0000);border-color:#667eea;box-shadow:0 2px 8px #667eea33}.automation-radio-label input[type=radio]{accent-color:#667eea;height:18px;margin-right:8px;width:18px}.automation-radio-label span{align-items:center;color:#333;display:flex;font-size:15px;gap:5px}.automation-monthly-days-container{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1px solid #e0e8ff;border-radius:10px;margin-top:10px;padding:15px}.automation-monthly-days-header{color:#666;font-size:14px;font-weight:500;margin-bottom:10px}.automation-monthly-days-list{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;min-height:45px}.automation-monthly-day-item{align-items:center;animation:slideIn .3s ease;background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #667eea33;display:flex;gap:5px;padding:8px 12px}.automation-monthly-day-item span{color:#333;font-size:14px;font-weight:500}.automation-monthly-day-item select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px;transition:all .2s ease}.automation-monthly-day-item select:hover{background:#f8f9ff;border-color:#667eea}.automation-monthly-day-item select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea26;outline:none}.automation-monthly-day-remove{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:5px;padding:4px 8px;transition:all .2s ease}.automation-monthly-day-remove:hover{background:#dc2626;transform:scale(1.05)}.automation-btn-add-day{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 16px;transition:all .3s ease}.automation-btn-add-day:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-2px)}.automation-btn-add-day:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;opacity:.6}.automation-last-day-checkbox{align-items:center;background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;border-radius:8px;display:flex;margin:10px 0 15px;padding:12px;transition:all .3s ease}.automation-last-day-checkbox:hover{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#f97316;box-shadow:0 2px 8px #fb923c4d;transform:translateX(2px)}.automation-last-day-checkbox input[type=checkbox]{accent-color:#f97316;height:18px;margin-right:10px;width:18px}.automation-last-day-checkbox .automation-checkbox-text{color:#7c2d12;font-weight:600}.automation-monthly-time-container{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:10px;margin-top:20px;padding:15px}.automation-monthly-time-container .automation-form-label{color:#4b5563;font-size:14px;margin-bottom:10px}.automation-monthly-time-container .automation-time-input{background:#fff;border:2px solid #d1d5db;font-size:16px;padding:10px;width:150px}.automation-monthly-time-container .automation-time-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.automation-monthly-time-hint{color:#6b7280;font-size:12px;font-style:italic;margin-top:5px}.automation-monthly-empty-state{background:#fafafa;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;font-style:italic;padding:20px;text-align:center}.automation-monthly-info{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:6px;color:#78350f;display:flex;font-size:12px;gap:8px;margin-top:10px;padding:10px 12px}.automation-monthly-info:before{content:"💡";font-size:16px}@media (max-width:768px){.automation-monthly-days-list{flex-direction:column}.automation-monthly-day-item{justify-content:space-between;width:100%}.automation-radio-label{flex:1 1;justify-content:center}}@media (max-width:480px){.automation-monthly-day-item{flex-wrap:wrap;padding:10px}.automation-monthly-day-item select{margin:5px 0;width:100%}.automation-monthly-day-remove{margin-left:0;margin-top:5px;width:100%}.automation-monthly-time-container .automation-time-input{width:100%}}.automation-schedule-mode-content{animation:fadeIn .4s ease}.automation-mode-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.automation-mode-badge.daily{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.automation-mode-badge.monthly{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.automation-form-group:has(input[value=daily]:checked){position:relative}.automation-form-group:has(input[value=daily]:checked):after{background:#3b82f6;border-radius:4px;color:#fff;content:"GÜNLÜK MOD AKTİF";font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:0;top:-10px}.automation-form-group:has(input[value=monthly]:checked):after{background:#8b5cf6;border-radius:4px;color:#fff;content:"AYLIK MOD AKTİF";font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:0;top:-10px}.modal-backdrop{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.history-modal-container{animation:modalSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;padding:20px 24px}.modal-header h2{font-size:1.3rem;font-weight:600;gap:10px;margin:0}.modal-close,.modal-header h2{align-items:center;color:#fff;display:flex}.modal-close{background:#fff3;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;height:32px;justify-content:center;line-height:1;transition:all .2s;width:32px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-subheader{border-bottom:1px solid #e5e7eb;padding:0 24px 16px}.modal-subheader h3{color:#4b5563;font-size:16px;font-weight:500;margin:0}.tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:0 24px}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.tab:hover{color:#4b5563}.tab.active{border-bottom-color:#667eea;color:#667eea}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.info-content{display:flex;flex-direction:column;gap:24px}.info-section{background:#f9fafb;border-radius:8px;padding:16px}.info-section h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:4px}.info-item .label{color:#6b7280;font-size:12px;font-weight:500}.info-item .value{color:#111827;font-size:14px;font-weight:600}.status-badge{border-radius:12px;font-size:.85rem}.status-badge.active{color:#065f46}.status-badge.inactive{color:#991b1b}.last-run-info{align-items:center;background:#fff;border-radius:6px;display:flex;gap:12px;padding:12px}.run-date{color:#6b7280;font-size:13px}.logs-content{display:flex;flex-direction:column;gap:12px}.logs-loading{padding:48px 24px;text-align:center}.logs-timeline{display:flex;flex-direction:column;gap:8px}.log-item{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.log-item:hover{background:#f3f4f6}.log-item.success{border-left-color:#10b981}.log-item.error,.log-item.failed{border-left-color:#ef4444}.log-item.pending,.log-item.warning{border-left-color:#f59e0b}.log-item.sent{border-left-color:#10b981}.log-item.scheduled{border-left-color:#3b82f6}.log-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.log-content{flex:1 1;min-width:0}.log-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.log-header h4{color:#111827;font-size:14px;font-weight:600;margin:0}.log-time{color:#6b7280;flex-shrink:0;font-size:12px}.log-details{color:#6b7280;font-size:13px;line-height:1.5;margin:4px 0}.log-metadata{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.meta-badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#4b5563;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px}.log-footer{margin-top:6px}.log-user{color:#6b7280;font-size:12px}.log-status{display:inline-block;font-size:14px;margin-top:4px}.empty-logs{color:#6b7280;padding:48px 24px;text-align:center}.loading-state{padding:48px;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 16px;width:40px}.loading-state p{color:#6b7280;font-size:14px}.error-state{color:#ef4444;padding:48px;text-align:center}.modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px}.btn-close{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s}.btn-close:hover{background:#5569d8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:640px){.history-modal-container{max-height:90vh;width:95%}.info-grid{grid-template-columns:1fr}.log-header{gap:4px}.log-header,.log-metadata{align-items:flex-start;flex-direction:column}}.automation-header h2{color:#667eea;font-size:1.1em;margin:0}.automation-header p{color:#666;font-size:14px;line-height:1.4;margin:5px 0 0}.btn-new-automation{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-new-automation:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.empty-state{background:#f9f9f9;border:2px dashed #e0e0e0;margin-top:20px}.empty-icon{font-size:48px;opacity:.8}.empty-state h3{color:#333}.empty-state p{color:#666;font-size:15px;line-height:1.5;margin-bottom:25px}.btn-create-first{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-create-first:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-2px)}.schedules-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:20px}.schedule-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:20px;transition:all .3s ease}.schedule-card:hover{border-color:#667eea;box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.schedule-card.inactive{background:#f9f9f9;border-color:#ccc;opacity:.7}.schedule-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.schedule-header h3{color:#667eea;font-size:18px;font-weight:600;margin:0}.switch{display:inline-block;height:28px;position:relative;width:54px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:28px;bottom:0;box-shadow:inset 0 2px 4px #0000001a;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:22px;left:3px;width:22px}input:checked+.slider{background-color:#4caf50;box-shadow:inset 0 2px 4px #4caf504d}input:checked+.slider:before{transform:translateX(26px)}.schedule-body{margin-bottom:15px}.info-row{align-items:flex-start;border-bottom:1px solid #f5f5f5;flex-wrap:wrap;gap:8px;padding:8px 0}.info-label{color:#666;gap:5px;min-width:-webkit-fit-content;min-width:fit-content}.info-row strong{color:#333;font-size:14px;font-weight:600}.info-row.channels-row{border-bottom:none;display:block;margin-bottom:15px;padding:0}.info-row.channels-row .info-label{color:#495057;display:block;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.channels-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px}.channel-badge{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#2c3e50;cursor:default;display:flex;font-size:13px;font-weight:500;gap:10px;overflow:hidden;padding:10px 12px;position:relative;transition:all .2s ease}.channel-badge:before{background:#6c757d;bottom:0;content:"";left:0;position:absolute;top:0;transition:width .2s ease;width:4px}.channel-badge.telegram:before{background:linear-gradient(180deg,#08c,#06a)}.channel-badge.youtube:before{background:linear-gradient(180deg,red,#c00)}.channel-badge:hover:before{width:6px}.channel-badge:hover{background:#fafbfc;box-shadow:0 2px 8px #0000001a;transform:translateX(3px)}.channel-badge .platform-icon{align-items:center;background:#f1f3f5;border-radius:6px;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.channel-badge.telegram .platform-icon{background:#0088cc1a}.channel-badge.youtube .platform-icon{background:#ff00001a}.channel-badge .channel-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-badge .channel-count{align-items:center;background:#e9ecef;border-radius:10px;color:#6c757d;display:flex;font-size:11px;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.schedule-times-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;width:100%}.time-preview{background:#e8f4fd;border:1px solid #bbdefb;border-radius:10px;color:#1976d2;font-family:monospace;font-size:11px;font-weight:600;padding:3px 8px}.time-preview.more{background:#f5f5f5;color:#666;font-family:inherit;font-style:italic}.tags-display{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px;width:100%}.tag-badge{border-radius:16px;box-shadow:0 1px 3px #0003;color:#fff;font-size:12px;font-weight:600;padding:4px 10px;transition:transform .2s ease}.tag-badge:hover{transform:translateY(-1px)}.no-tags{color:#999;font-size:13px;font-style:italic;padding:4px 0}.last-run{color:#666;font-size:13px;font-weight:500}.next-run{font-size:13px;font-weight:600}.next-run.active{color:#4caf50}.next-run.inactive{color:#ff9800}.automation-tip{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-left:3px solid #667eea;border-radius:8px;color:#5c6bc0;font-size:12px;line-height:1.4;margin-bottom:10px;margin-top:15px;padding:12px}.card-footer{align-items:center;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:15px;padding-top:15px}.footer-left{display:flex;flex-direction:column;gap:3px}.footer-username{color:#495057;font-size:13px;font-weight:600}.footer-date{color:#6c757d;font-size:11px;font-weight:500}.footer-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;transition:all .3s ease;width:36px}.icon-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.schedule-mode-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:13px;font-weight:600;gap:4px;padding:5px 12px}.schedule-mode-badge.daily{background:linear-gradient(135deg,#3b82f615,#60a5fa15);border:1px solid #3b82f630;color:#3b82f6}.schedule-mode-badge.monthly{background:linear-gradient(135deg,#8b5cf615,#a78bfa15);border:1px solid #8b5cf630;color:#8b5cf6}.monthly-schedules-preview{display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto;padding-right:5px}.monthly-schedules-preview::-webkit-scrollbar{width:6px}.monthly-schedules-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.monthly-schedules-preview::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.monthly-schedules-preview::-webkit-scrollbar-thumb:hover{background:#555}.monthly-schedule-item{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;overflow:hidden;padding:8px 12px;position:relative;transition:all .2s ease}.monthly-schedule-item:before{background:#667eea;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:3px}.monthly-schedule-item:hover:before{opacity:1}.monthly-schedule-item:hover{background:#fff;box-shadow:0 2px 6px #00000014;transform:translateX(3px)}@media (max-width:768px){.automation-header{align-items:center;flex-direction:column;gap:15px;text-align:center}.automation-header div:first-child{text-align:center}.btn-new-automation{justify-content:center;width:100%}.schedules-grid{gap:15px;grid-template-columns:1fr}.schedule-card{padding:15px}.schedule-header{align-items:center;flex-direction:column;gap:10px;text-align:center}.info-row{align-items:flex-start;flex-direction:column;gap:5px;padding:6px 0}.channels-display{width:100%}.channel-badge{width:-webkit-fit-content;width:fit-content}.tags-display{margin-top:8px}.card-footer{align-items:stretch;flex-direction:column;gap:12px;text-align:center}.footer-actions{gap:12px;justify-content:center}.automation-tip{font-size:11px;padding:10px}.schedule-mode-badge{font-size:12px;padding:4px 10px}.monthly-schedules-preview{max-height:200px}.monthly-schedule-item{font-size:12px;padding:6px 10px}}@media (max-width:480px){.automation-tab{padding:15px}.automation-header h2{font-size:20px}.empty-state{padding:40px 15px}.empty-icon{font-size:36px}.schedule-card{padding:12px}.monthly-schedule-item{align-items:flex-start;flex-direction:column;gap:6px;padding:8px}.schedule-mode-badge{font-size:11px;padding:3px 8px}}.channel-badge.x{background:linear-gradient(135deg,#000,#333);border:1px solid #333}.channel-badge.x .channel-name,.channel-badge.x .platform-icon{color:#fff}.mtproto-status{animation:fadeIn .5s ease-in;border-radius:10px;margin-bottom:20px;padding:15px}.mtproto-status.connected{background:#e8f5e9;border:2px solid #4caf50}.mtproto-status.disconnected{background:#fff3e0;border:2px solid #ff9800}.mtproto-status h4{color:#333;margin:0 0 10px}.mtproto-status small{color:#666}.stats-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;padding:25px;text-align:center;transition:transform .3s}.stat-card:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-5px)}.stat-card h3{color:#fff;font-size:1em;margin-bottom:10px;opacity:.9}.stat-number{font-size:2.5em;font-weight:700}.channel-detailed-stats{margin-top:40px}.channel-detailed-stats h3{color:#333;font-size:1.5em;margin-bottom:20px}.no-channels{background:#f9f9f9;border-radius:12px;color:#999;padding:40px;text-align:center}.channel-stats-grid{display:flex;flex-direction:column;gap:20px}.channel-stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .3s,box-shadow .3s}.channel-stat-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.channel-stat-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.channel-info{align-items:center;display:flex;gap:15px}.channel-info h4{color:#333;font-size:1.2em;margin:0}.online-badge{align-items:center;background:#4caf50;border-radius:20px;color:#fff;display:inline-flex;font-size:.85em;font-weight:600;gap:5px;padding:4px 12px}.pulse{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.update-stats-btn{align-items:center;background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s}.update-stats-btn:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.update-stats-btn.disabled,.update-stats-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.metric-item{border-radius:10px;cursor:default;padding:15px;text-align:center;transition:transform .3s}.metric-item:hover{transform:scale(1.05)}.metric-item.subscribers{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-item.online{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.metric-item.views{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.metric-item.forwards{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.metric-item.reactions{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.metric-item.comments{background:linear-gradient(135deg,#a8edea,#fed6e3);color:#333}.metric-icon{font-size:2em;margin-bottom:8px}.metric-value{font-size:1.5em;font-weight:700;margin:5px 0}.metric-label{font-size:.9em;opacity:.9}.additional-stats{grid-gap:15px;background:#f8f9fa;border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px;padding:20px}.additional-stats .stat-item{text-align:center}.additional-stats .stat-label{color:#666;font-size:.9em;margin-bottom:5px}.additional-stats .stat-value{color:#333;font-size:1.3em;font-weight:700}.recent-posts-stats{background:#fff;border:1px solid #e0e0e0;border-radius:10px;margin-top:20px;padding:20px}.recent-posts-stats h5{color:#333;margin-bottom:15px}.posts-list{max-height:300px;overflow-y:auto}.post-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.post-info{flex:1 1}.post-date{color:#666;font-size:.9em;margin-bottom:5px}.post-text{color:#333;font-size:.85em}.post-stats{display:flex;font-size:.85em;gap:15px}.post-stats span{align-items:center;display:flex;gap:3px}.last-update{background:#f5f5f5;border-radius:8px;color:#666;font-size:.85em;margin-top:15px;padding:10px;text-align:center}.no-stats{color:#999;padding:30px;text-align:center}.channel-performance,.popular-contents{margin-bottom:40px}.channel-performance h3,.popular-contents h3{color:#333;margin-bottom:20px}.stats-table{background:#f9f9f9;border-radius:12px;padding:20px}.stat-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px;transition:background .3s}.stat-row:hover{background:#f0f0f0}.stat-row:last-child{border-bottom:none}.stat-title{color:#333;font-weight:600}.stat-value{color:#667eea;font-weight:600}.no-data{color:#999;padding:20px;text-align:center}@media (max-width:768px){.automation-header{flex-direction:column;gap:15px;text-align:center}.stats-summary{grid-template-columns:1fr}.metrics-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-item{padding:12px}.metric-icon{font-size:1.5em}.metric-value{font-size:1.2em}.metric-label{font-size:.8em}.channel-stat-header{flex-direction:column;gap:15px;text-align:center}.update-stats-btn{width:100%}.additional-stats{grid-template-columns:1fr}.stat-row{align-items:flex-start;flex-direction:column;gap:5px}}.profile-container{padding:0;width:100%}.profile-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:30px}.profile-section{background:#fff;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.section-header{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 25px}.section-header h3{align-items:center;color:#2d3748;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.section-icon{font-size:20px;opacity:.5}.info-card{padding:25px}.info-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 0;transition:all .3s ease}.info-row:last-child{border-bottom:none}.info-row:hover{background:#f8f9ff;border-radius:8px;margin:0 -15px;padding:15px}.info-label{align-items:center;color:#718096;display:flex;font-size:14px;font-weight:500;gap:10px}.info-label .icon{font-size:18px}.info-value{color:#2d3748;font-size:15px;font-weight:600}.permission-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 10px #667eea4d;color:#fff;font-size:13px;font-weight:600;padding:6px 14px}.permission-badge.root{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 10px #ffd7004d;color:#333}.security-card{padding:25px}.security-message{animation:slideDown .3s ease;border-radius:10px;font-weight:500;margin-bottom:20px;padding:12px 20px}.security-message.success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb784d;color:#fff}.security-message.error{background:linear-gradient(135deg,#f56565,#e53e3e);box-shadow:0 4px 15px #f565654d;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.password-form{gap:20px}.form-field,.password-form{display:flex;flex-direction:column}.form-field{gap:8px}.form-field label{align-items:center;color:#4a5568;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.field-icon{font-size:16px}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;padding:12px 50px 12px 16px;transition:all .3s ease;width:100%}.password-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.password-toggle{background:none;border:none;cursor:pointer;font-size:20px;opacity:.6;padding:5px;position:absolute;right:12px;transition:opacity .3s ease}.password-toggle:hover{opacity:1}.field-hint{color:#a0aec0;font-size:12px;margin-top:-4px}.update-password-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-top:10px;padding:14px 28px;transition:all .3s ease}.update-password-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.update-password-btn:active{transform:translateY(0)}.btn-icon{font-size:18px}.profile-activity{background:#fff;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:30px}.activity-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.activity-card{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.activity-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea1a;transform:translateY(-3px)}.activity-icon{align-items:center;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.activity-icon.content-icon{background:linear-gradient(135deg,#667eea,#764ba2)}.activity-icon.sent-icon{background:linear-gradient(135deg,#48bb78,#38a169)}.activity-icon.pending-icon{background:linear-gradient(135deg,#f6d365,#fda085)}.activity-icon.automation-icon{background:linear-gradient(135deg,#4facfe,#00f2fe)}.activity-info{flex:1 1}.activity-info h4{color:#718096;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.activity-count{color:#2d3748;font-size:32px;font-weight:700;line-height:1;margin:0}.activity-label{color:#a0aec0;display:block;font-size:13px;margin-top:5px}.quick-actions{background:#fff;border:1px solid #667eea1a;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:30px}.action-buttons-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:20px}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#f8f9ff,#fff);border:2px solid #e2e8f0;border-radius:12px;color:#4a5568;cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:10px;padding:20px;transition:all .3s ease}.quick-action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 8px 25px #667eea4d;color:#fff;transform:translateY(-3px)}.quick-action-btn .action-icon{font-size:32px}.quick-action-btn span:last-child{font-size:14px}@media (max-width:768px){.automation-header{flex-direction:column;gap:15px;text-align:center}.activity-cards,.profile-grid{grid-template-columns:1fr}.action-buttons-grid{grid-template-columns:repeat(2,1fr)}}.admin-panel{min-height:500px}.automation-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.automation-header h4{color:#667eea;font-size:1.1em;margin:0}.admin-message{animation:slideIn .3s ease;border-radius:10px;font-weight:600;margin-bottom:20px;padding:15px}.admin-message.success{background:#4caf50;color:#fff}.admin-message.error{background:#f44336;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.admin-tabs{background:#f5f5f5;border-radius:10px;display:flex;gap:10px;margin-bottom:30px;padding:10px}.admin-tabs button{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s}.admin-tabs button:hover{background:#e0e0e0}.admin-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-management{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.create-user-form{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin-bottom:30px;padding:25px}.create-user-form h3{color:#333;font-size:1.3em;margin-bottom:20px}.form-row{align-items:center;display:flex;gap:12px}.form-row input,.form-row select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:12px;transition:all .3s}.form-row input:focus,.form-row select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s;white-space:nowrap}.form-row button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.users-list{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:25px}.users-list h3{color:#333;font-size:1.3em;margin-bottom:20px}.users-list table{border-collapse:initial;border-spacing:0;width:100%}.users-list table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;padding:14px;text-align:left;first-child{border-radius:10px 0 0 0}last-child{border-radius:0 10px 0 0}}.users-list table td{border-bottom:1px solid #f0f0f0;font-size:14px;padding:14px}.users-list table tr:hover td{background:#f9f9f9}.activity-logs,.login-logs{animation:fadeIn .5s ease;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:25px}.activity-logs h3,.login-logs h3{color:#333;font-size:1.3em;margin-bottom:20px}.log-filters{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;display:flex;gap:12px;margin-bottom:20px;padding:15px}.log-filters input,.log-filters select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.log-filters button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s}.log-filters button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.logs-table{overflow-x:auto}.logs-table table{border-collapse:initial;border-spacing:0;width:100%}.logs-table table th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.logs-table table td{border-bottom:1px solid #f0f0f0;font-size:13px;padding:12px}.logs-table table tr:hover td{background:#f9f9f9}.role-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:6px 12px;text-transform:uppercase}.role-badge.root{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 2px 8px #ffd7004d;color:#333}.role-badge.admin{background:linear-gradient(135deg,#2196f3,#21cbf3);box-shadow:0 2px 8px #2196f34d;color:#fff}.status-badge{align-items:center;display:inline-flex;font-weight:600;gap:4px;padding:6px 12px}.status-badge.active{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff}.status-badge.success{background:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.status-badge.failed{background:#ffebee;border:1px solid #f44336;color:#c62828}.action-badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:5px 10px;text-transform:uppercase}.action-badge.login{background:#e8f5e9;color:#388e3c}.action-badge.logout{background:#fff3e0;color:#f57c00}.action-badge.user_created,.action-badge.user_updated{background:#f3e5f5;color:#7b1fa2}.action-badge.user_deleted{background:#ffebee;color:#c62828}.action-badge.channel_created,.action-badge.content_created{background:#e3f2fd;color:#1976d2}.action-buttons{display:flex;gap:8px}.action-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .3s}.btn-toggle{background:linear-gradient(135deg,#ff9800,#ff5722);color:#fff}.btn-toggle:hover{box-shadow:0 4px 12px #ff980066;transform:scale(1.1)}.btn-delete{background:linear-gradient(135deg,#f44336,#e91e63);color:#fff}.btn-delete:hover{box-shadow:0 4px 12px #f4433666;transform:scale(1.1)}.access-denied{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:12px;box-shadow:0 4px 15px #ff980033;margin:40px auto;max-width:500px;padding:80px 20px;text-align:center}.access-denied h2{color:#f57c00;font-size:2em;margin-bottom:15px}.access-denied p{color:#666;font-size:1.1em}@media (max-width:1024px){.form-row{flex-wrap:wrap}.form-row input,.form-row select{min-width:200px}}@media (max-width:768px){.automation-header{gap:15px;text-align:center}.admin-tabs,.automation-header,.form-row{flex-direction:column}.form-row button,.form-row input,.form-row select{width:100%}.log-filters{flex-direction:column}.logs-table table,.users-list table{font-size:12px}.action-buttons{flex-direction:row;justify-content:center}.logs-table{overflow-x:scroll}}.pagination-container{align-items:center;animation:fadeIn .3s ease;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-top:30px;padding:20px}.pagination-info{display:flex;flex-direction:column;gap:5px}.pagination-info .total-records{color:#666;font-size:14px}.pagination-info .page-status{color:#999;font-size:13px}.pagination-info strong{color:#667eea;font-weight:700}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;min-height:40px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.pagination-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.pagination-btn:hover:before{left:100%}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.pagination-btn:active:not(:disabled){box-shadow:0 2px 5px #667eea4d;transform:translateY(0)}.pagination-btn:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.4;transform:none!important}.pagination-btn .icon{align-items:center;display:flex;font-size:16px;transition:transform .3s ease}.pagination-btn:hover:not(:disabled) .icon{transform:scale(1.2)}.pagination-btn .text{font-size:13px;font-weight:600;letter-spacing:.5px}.pagination-btn.first,.pagination-btn.last{background:linear-gradient(135deg,#f5f7fa,#e3e7eb)}.pagination-btn.first:hover:not(:disabled),.pagination-btn.last:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2)}.pagination-btn.prev{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9;color:#1976d2}.pagination-btn.next{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#81c784;color:#388e3c}.pagination-btn.prev:hover:not(:disabled){background:linear-gradient(135deg,#2196f3,#1976d2);border-color:#0000}.pagination-btn.prev:hover:not(:disabled) .icon{animation:slideLeft .5s ease}@keyframes slideLeft{0%,to{transform:translateX(0)}50%{transform:translateX(-3px)}}.pagination-btn.next:hover:not(:disabled){background:linear-gradient(135deg,#4caf50,#388e3c);border-color:#0000}.pagination-btn.next:hover:not(:disabled) .icon{animation:slideRight .5s ease}@keyframes slideRight{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}.page-numbers{gap:5px;margin:0 10px}.page-number,.page-numbers{align-items:center;display:flex}.page-number{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 12px;position:relative;transition:all .3s ease}.page-number:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.page-number:hover:not(.active):not(:disabled){background:#f5f5f5;border-color:#667eea;color:#667eea;transform:scale(1.05)}.page-number:hover:not(.active):not(:disabled):after{width:70%}.page-number.active{animation:pulse 1.5s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 3px 10px #667eea4d;color:#fff;font-weight:700;transform:scale(1.1)}@keyframes pulse{0%{box-shadow:0 3px 10px #667eea4d}50%{box-shadow:0 3px 20px #667eea80}to{box-shadow:0 3px 10px #667eea4d}}.page-number:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.dots{animation:blink 2s infinite;color:#999;font-weight:700;padding:0 8px;-webkit-user-select:none;user-select:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.pagination-container.loading{pointer-events:none;position:relative}.pagination-container.loading:after{animation:spin 1s linear infinite;content:"⏳";font-size:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.pagination{border-radius:10px;box-shadow:0 2px 8px #0000001a;gap:10px;justify-content:center;margin-top:20px;padding:15px}.pagination,.pagination button{align-items:center;background:#fff;display:flex}.pagination button{border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;gap:5px;padding:8px 16px;transition:all .3s ease}.pagination button:hover:not(:disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination .page-info{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;color:#333;font-size:14px;font-weight:600;min-width:150px;padding:8px 16px;text-align:center}.maintenance-section{animation:fadeIn .5s ease;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:25px}.maintenance-section h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:1.4em;margin-bottom:25px;padding-bottom:15px}.maintenance-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.maintenance-card{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:20px}.maintenance-card h4{color:#444;font-size:1.1em;margin-bottom:12px}.maintenance-card p{color:#666;font-size:14px;line-height:1.4;margin-bottom:20px}.maintenance-actions{display:flex;flex-wrap:wrap;gap:10px}.maintenance-actions .btn-warning{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;min-width:120px;padding:10px 15px;transition:background .3s}.maintenance-actions .btn-warning:hover{background:#f57c00}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.stat-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:10px}.stat-label{color:#888;display:block;font-size:12px;margin-bottom:4px}.stat-value{color:#333;font-size:18px;font-weight:700}@media (max-width:768px){.maintenance-cards{grid-template-columns:1fr}.maintenance-actions{flex-direction:column}.maintenance-actions .btn-warning{width:100%}.pagination-container{flex-direction:column;gap:15px;padding:15px}.pagination-info{text-align:center;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:center;width:100%}.pagination-btn .text{display:none}.pagination-btn{min-width:45px;padding:10px}.page-numbers{justify-content:center;margin:0 0 10px;order:-1;width:100%}.page-number{font-size:13px;height:35px;min-width:35px}}@media (max-width:480px){.pagination-controls{gap:4px}.page-numbers{gap:3px}.page-number:not(.active){display:none}.page-number.active,.page-number.active+.page-number,.page-number.active~.page-number:nth-child(-n+2){display:flex}.pagination-btn{min-width:40px;padding:8px}.pagination-btn .icon{font-size:14px}}.tt-wrapper{box-sizing:border-box;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.tt-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.tt-header h2{color:#667eea;font-size:1.1em;margin:0}.tt-header p{color:#666;font-size:14px;line-height:1.4;margin:5px 0 0}.tt-header-content{flex:1 1}.tt-header-stats{display:flex;gap:15px}.tt-title{color:#667eea;font-size:1.1em;margin:0}.tt-subtitle{color:#666;font-size:14px;line-height:1.4;margin:5px 0 0}.tt-stats-box{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 3px 10px #667eea4d;color:#fff;display:flex;flex-direction:column;padding:12px 20px}.tt-stats-box-secondary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b9814d}.tt-stat-number{font-size:24px;font-weight:700}.tt-stat-label{font-size:11px;margin-top:3px;opacity:.9}.tt-add-section,.tt-list-section,.tt-stats-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 6px #0000000f;box-sizing:border-box;margin-bottom:20px;overflow:hidden;padding:20px;width:100%}.tt-section-title{color:#4a5568;font-size:16px;margin:0 0 15px}.tt-form{align-items:center;display:flex;flex-wrap:wrap;gap:12px;width:100%}.tt-form-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;flex:1 1;font-size:14px;max-width:100%;min-width:0;padding:10px 14px;transition:all .3s ease}.tt-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tt-color-group{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-shrink:0;gap:8px;padding:6px 10px}.tt-color-label{color:#6b7280;font-size:13px;font-weight:500}.tt-color-picker{border:none;border-radius:6px;cursor:pointer;height:32px;width:40px}.tt-color-preview{border-radius:18px;box-shadow:0 2px 4px #0000001a;font-size:12px;padding:5px 12px}.tt-btn-add,.tt-color-preview{color:#fff;font-weight:600;white-space:nowrap}.tt-btn-add{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 3px 10px #667eea4d;cursor:pointer;flex-shrink:0;font-size:14px;padding:10px 20px;transition:all .3s ease}.tt-btn-add:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.tt-search-section{margin-bottom:20px}.tt-search-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:14px;max-width:350px;padding:10px 14px;transition:all .3s ease;width:100%}.tt-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.tt-empty{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;padding:30px;text-align:center}.tt-empty-text{font-size:14px;margin:0 0 12px}.tt-btn-clear{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 14px;transition:all .2s}.tt-btn-clear:hover{background:#5a67d8}.tt-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));margin:0;padding:0}.tt-card,.tt-grid{box-sizing:border-box;width:100%}.tt-card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;padding:10px;position:relative;transition:all .3s ease}.tt-card:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 10px #00000014;transform:translateY(-2px)}.tt-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:10px}.tt-tag-badge{border-radius:16px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-block;font-size:13px;font-weight:600;max-width:100%;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;white-space:nowrap}.tt-usage-badge{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;color:#0369a1;display:flex;font-size:12px;font-weight:600;gap:4px;padding:4px 8px;transition:all .2s ease}.tt-usage-badge:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);transform:scale(1.05)}.tt-usage-icon{font-size:11px}.tt-usage-count{font-weight:700}.tt-card:has(.tt-usage-count:contains("0")) .tt-usage-badge{background:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.tt-usage{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:11px;padding:3px 6px;white-space:nowrap}.tt-card-info{margin-bottom:10px}.tt-info-row{align-items:center;display:flex;font-size:11px;gap:6px;margin-bottom:4px}.tt-info-label{color:#9ca3af;font-weight:500;min-width:55px}.tt-info-value{color:#4b5563;font-family:monospace;font-size:11px}.tt-color-code{border-radius:4px;color:#fff;display:inline-block;font-size:11px;max-width:80px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.tt-card-actions{border-top:1px solid #f3f4f6;display:flex;gap:6px;padding-top:10px}.tt-btn-delete,.tt-btn-edit{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 10px;transition:all .2s ease;white-space:nowrap}.tt-btn-edit{background:#f0f9ff;color:#3b82f6}.tt-btn-edit:hover{background:#3b82f6;color:#fff}.tt-btn-delete{background:#fef2f2;color:#ef4444}.tt-btn-delete:hover{background:#ef4444;color:#fff}.tt-edit-mode{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tt-edit-input{box-sizing:border-box;flex:1 1;font-size:13px;min-width:0;padding:6px 10px;width:100%}.tt-edit-color,.tt-edit-input{border:2px solid #667eea;border-radius:6px}.tt-edit-color{cursor:pointer;flex-shrink:0;height:30px;width:36px}.tt-edit-actions{display:flex;gap:4px}.tt-btn-cancel,.tt-btn-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.tt-btn-save{background:#10b981;color:#fff}.tt-btn-save:hover{background:#059669}.tt-btn-cancel{background:#ef4444;color:#fff}.tt-btn-cancel:hover{background:#dc2626}.tt-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.tt-stat-card{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.tt-stat-card:hover{box-shadow:0 4px 10px #0000000f;transform:translateY(-2px)}.tt-stat-icon{filter:saturate(1.5);font-size:28px}.tt-stat-content{flex:1 1;min-width:0}.tt-stat-title{color:#9ca3af;font-size:11px;margin-bottom:3px}.tt-stat-value{color:#374151;font-size:14px;font-weight:600;word-break:break-word}@media (max-width:1200px){.tt-grid{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr))}}@media (max-width:768px){.tt-header{flex-direction:column;gap:12px;text-align:center}.tt-header-stats{justify-content:center;width:100%}.tt-stats-box{max-width:150px;width:100%}.tt-form{flex-direction:column}.tt-btn-add,.tt-color-group,.tt-form-input{width:100%}.tt-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.tt-stats-grid{grid-template-columns:1fr}}@media (max-width:480px){.tt-add-section,.tt-list-section,.tt-stats-section{padding:15px}.tt-title{font-size:20px}.tt-grid{grid-template-columns:1fr}.tt-header-stats{flex-direction:column;gap:10px}.tt-stats-box{max-width:none}}.tt-wrapper *{box-sizing:border-box}.tt-wrapper button,.tt-wrapper input{font-family:inherit}.site-tracking-tab{padding:20px}.tab-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.tab-header h2{color:#1f2937;font-size:24px;margin:0 0 5px}.tab-header p{color:#6b7280;font-size:14px;margin:0}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.add-button:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.loading{color:#6b7280;font-size:16px;padding:40px;text-align:center}.empty-state{background:#f9fafb;border-radius:12px;margin:20px 0;padding:60px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#1f2937;font-size:20px;margin:0 0 10px}.empty-state p{color:#6b7280;margin:0 0 20px}.scripts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:20px}.script-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .3s ease}.script-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.script-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.script-title{flex:1 1}.script-title h3{color:#1f2937;font-size:18px;margin:0 0 8px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-badge.active{background:#d1fae5;color:#059669}.status-badge.inactive{background:#fee2e2;color:#dc2626}.script-actions{display:flex;gap:8px}.action-btn{align-items:center;background:#f3f4f6;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{background:#e5e7eb;transform:scale(1.1)}.toggle-btn:hover{background:#dbeafe}.edit-btn:hover{background:#fef3c7}.delete-btn:hover{background:#fee2e2}.script-preview-container{align-items:center;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;display:flex;justify-content:center;margin-bottom:15px;min-height:80px;padding:15px;position:relative}.script-preview-frame{background:#0000;border:none;min-height:60px;width:100%}.copy-script-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#6b7280;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:32px}.copy-script-btn:hover{background:#f3f4f6;box-shadow:0 2px 5px #00000026;transform:scale(1.1)}.script-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:10px}.script-footer small{color:#6b7280;font-size:12px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#1f2937;font-size:20px;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#f3f4f6;color:#1f2937}form{padding:20px}.form-group label{color:#374151;font-weight:500}.form-group input[type=text],.form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:Courier New,monospace;font-size:13px}.help-text{color:#6b7280;display:block;font-size:12px;margin-top:6px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#374151;font-size:14px}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d;color:#fff}.submit-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}@media (max-width:768px){.scripts-grid{grid-template-columns:1fr}.tab-header{align-items:flex-start;flex-direction:column;gap:15px}.modal-content{margin:10px}}.live-studio-container{margin:0 auto;max-width:1400px;padding:20px}.live-studio-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.live-studio-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.studio-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:200px;overflow:hidden;position:relative;width:100%}.studio-cover img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.live-studio-card:hover .studio-cover img{transform:scale(1.05)}.studio-description{background:#f7fafc;border-left:3px solid #667eea;border-radius:8px;color:#666;font-size:14px;line-height:1.6;margin:12px 0;padding:12px}.studio-links{display:flex;flex-direction:column;gap:10px;margin-top:15px}.studio-link{align-items:center;border:2px solid;border-radius:8px;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;text-decoration:none;transition:all .2s ease}.studio-link.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.studio-link.primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateX(4px)}.studio-link.secondary{background:#fff;border-color:#667eea;color:#667eea}.studio-link.secondary:hover{background:#f0f4ff;transform:translateX(4px)}.studio-link span{align-items:center;display:flex;gap:8px}.studio-link svg{transition:transform .2s ease}.studio-link:hover svg{transform:translateX(2px)}.delete-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;opacity:.7;padding:8px;transition:all .2s ease}.delete-btn:hover{background:#fee;opacity:1;transform:scale(1.1)}.loading-circular{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.circular-loader{height:60px;margin-bottom:20px;width:60px}.circular-loader svg{animation:rotate 2s linear infinite;height:100%;width:100%}.circular-loader circle{fill:none;stroke-width:4;stroke-linecap:round}.circular-loader .bg{stroke:#e2e8f0}.circular-loader .progress{stroke:url(#gradient);stroke-dasharray:283;stroke-dashoffset:75;animation:progress 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes progress{0%{stroke-dashoffset:283}50%{stroke-dashoffset:75}to{stroke-dashoffset:283}}.no-content{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;color:#666;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.live-studio-container{padding:15px}.studio-cover{height:150px}.studio-link{font-size:13px;padding:10px 14px}}.live-studio-modal{max-width:600px;width:90%}.live-studio-modal .modal-body{max-height:70vh;overflow-y:auto;padding:20px}.form-group{margin-bottom:20px}.form-group label{color:#2d3748;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#e53e3e;margin-left:4px}.form-group input[type=text],.form-group input[type=url],.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:80px;resize:vertical}.image-preview{border:2px solid #e2e8f0;border-radius:8px;margin-bottom:15px;overflow:hidden;position:relative}.image-preview img{display:block;height:auto;max-height:300px;object-fit:cover;width:100%}.remove-image-btn{background:#ef4444e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;position:absolute;right:10px;top:10px;transition:all .2s ease}.remove-image-btn:hover{background:#dc2626;transform:scale(1.05)}.file-upload-label{align-items:center;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;transition:all .2s ease}.file-upload-label:hover{background:#edf2f7;border-color:#667eea}.file-upload-label svg{color:#667eea;margin-bottom:10px}.file-upload-label span{color:#4a5568;font-size:14px;font-weight:500}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background:#cbd5e0}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.live-studio-modal{max-width:none;width:95%}.live-studio-modal .modal-body{max-height:60vh;padding:15px}.form-group{margin-bottom:15px}.modal-footer{padding:15px}}
/*# sourceMappingURL=main.7971cb68.css.map*/