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{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;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{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}.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}.confirm-modal-backdrop{align-items:center;animation:confirmFadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}@keyframes confirmFadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal-content{animation:confirmSlideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:25px;width:90%}@keyframes confirmSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.confirm-modal-header h3{align-items:center;color:#333;display:flex;font-size:18px;gap:8px;margin:0}.confirm-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;padding:0;transition:all .2s;width:30px}.confirm-modal-close:hover{background-color:#f0f0f0;color:#333}.confirm-modal-body{margin-bottom:20px}.confirm-modal-message{color:#555;font-size:15px;line-height:1.6;margin:0}.confirm-modal-warning{align-items:flex-start;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;display:flex;gap:10px;margin-top:15px;padding:12px}.confirm-modal-warning-icon{flex-shrink:0;font-size:20px}.confirm-modal-warning-text{color:#856404;font-size:13px;line-height:1.5}.confirm-modal-content.danger .confirm-modal-warning{background:#fee2e2;border-color:#fecaca}.confirm-modal-content.danger .confirm-modal-warning-text{color:#991b1b}.confirm-modal-footer{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s}.confirm-modal-btn:disabled{cursor:not-allowed;opacity:.6}.confirm-modal-btn-cancel{background:#f3f4f6;color:#374151}.confirm-modal-btn-cancel:hover:not(:disabled){background:#e5e7eb}.confirm-modal-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-modal-btn-confirm:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;opacity:.9;transform:translateY(-1px)}.confirm-modal-btn-confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal-btn-confirm.danger:hover:not(:disabled){box-shadow:0 4px 12px #ef444466}.confirm-modal-btn-confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal-btn-confirm.warning:hover:not(:disabled){box-shadow:0 4px 12px #f59e0b66}.confirm-modal-btn-confirm.success{background:linear-gradient(135deg,#10b981,#059669)}.confirm-modal-btn-confirm.success:hover:not(:disabled){box-shadow:0 4px 12px #10b98166}.confirm-modal-btn-loading{color:#0000!important;position:relative}.confirm-modal-btn-loading:after{animation:confirmSpinner .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes confirmSpinner{to{transform:rotate(1turn)}}@media (max-width:480px){.confirm-modal-content{margin:10px;padding:20px;width:95%}.confirm-modal-footer{flex-direction:column-reverse}.confirm-modal-btn{justify-content:center;width:100%}}:root{--coal:#1e1e1e;--coal-light:#2d2d2d;--coal-lighter:#3a3a3a;--copper:#b87333;--copper-glow:#d4956a;--copper-muted:#8b5a2b;--text-primary:#e5e0db;--text-secondary:#9a9590;--text-muted:#6b6560;--cream:#f5f1e8;--success:#6b8f71;--success-soft:#6b8f7126;--warning:#c9a54e;--warning-soft:#c9a54e26;--error:#c17c74;--error-soft:#c17c7426;--telegram:#2a9ed0;--telegram-hover:#3eb5e8}.login-container *{box-sizing:border-box;margin:0;padding:0}.login-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:#1e1e1e;background:var(--coal);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.login-particles:after,.login-particles:before{animation:drift 25s ease-in-out infinite;border-radius:50%;content:"";filter:blur(80px);opacity:.4;position:absolute}.login-particles:before{animation-delay:0s;background:radial-gradient(circle,#8b5a2b 0,#0000 70%);background:radial-gradient(circle,var(--copper-muted) 0,#0000 70%);height:500px;right:-150px;top:-250px;width:500px}.login-particles:after{animation-delay:12s;background:radial-gradient(circle,#3a3a3a 0,#0000 70%);background:radial-gradient(circle,var(--coal-lighter) 0,#0000 70%);bottom:-200px;height:400px;left:-100px;width:400px}@keyframes drift{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(50px,30px) scale(1.1)}}.login-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.03;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.login-container .login-box{animation:elevate .8s cubic-bezier(.34,1.56,.64,1);background:#2d2d2d;background:var(--coal-light);border:1px solid #b873331a;border-radius:20px;box-shadow:0 25px 80px #00000080,inset 0 0 0 1px #ffffff08;max-width:440px;padding:48px 44px;position:relative;transition:transform .4s ease,box-shadow .4s ease;width:100%;z-index:10}.login-container .login-box:hover{box-shadow:0 30px 100px #0009,inset 0 0 0 1px #b873331a;transform:translateY(-4px)}.login-container .login-box.loading{pointer-events:none}@keyframes elevate{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.login-container .login-header{animation:fadeDown .6s ease .2s both;margin-bottom:40px;text-align:center}@keyframes fadeDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.login-container .logo-animation{align-items:center;background:linear-gradient(145deg,#3a3a3a,#1e1e1e);background:linear-gradient(145deg,var(--coal-lighter) 0,var(--coal) 100%);border:1px solid #b8733333;border-radius:18px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff05;display:flex;height:72px;justify-content:center;margin:0 auto 22px;position:relative;width:72px}.login-container .logo-animation:after{background:linear-gradient(145deg,#b87333,#0000 60%);background:linear-gradient(145deg,var(--copper),#0000 60%);border-radius:20px;content:"";inset:-2px;opacity:.15;position:absolute;z-index:-1}.login-container .logo-icon{filter:grayscale(20%) brightness(1.1);font-size:34px}.login-container .login-header h1{color:#f5f1e8;color:var(--cream);font-size:1.85em;font-weight:600;letter-spacing:-.3px;margin-bottom:8px}.login-container .login-header p{color:#9a9590;color:var(--text-secondary);font-size:.95em;font-weight:400}.login-container .login-form{margin-bottom:20px}.login-container .form-group{animation:fadeIn .5s ease both;margin-bottom:22px}.login-container .form-group:first-child{animation-delay:.3s}.login-container .form-group:nth-child(2){animation-delay:.4s}.login-container .form-group:nth-child(3){animation-delay:.5s}.login-container .form-group label{align-items:center;color:#9a9590;color:var(--text-secondary);display:flex;font-size:12px;font-weight:500;gap:8px;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.login-container .form-group label .icon{font-size:14px;opacity:.8}.login-container .form-group input{background:#1e1e1e;background:var(--coal);border:1px solid #3a3a3a;border:1px solid var(--coal-lighter);border-radius:12px;color:#e5e0db;color:var(--text-primary);font-family:inherit;font-size:15px;padding:15px 18px;transition:all .3s ease;width:100%}.login-container .form-group input::placeholder{color:#6b6560;color:var(--text-muted)}.login-container .form-group input:focus{background:#b8733308;border-color:#b87333;border-color:var(--copper);box-shadow:0 0 0 3px #b8733314;outline:none}.login-container .form-group input.has-value{background:#1e1e1e;background:var(--coal);border-color:#3a3a3a;border-color:var(--coal-lighter)}.login-container .password-input-wrapper{position:relative}.login-container .password-toggle{background:none;border:none;border-radius:6px;color:#6b6560;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s}.login-container .password-toggle:hover{background:#b873331a;color:#b87333;color:var(--copper)}.login-container .checkbox-group{margin-bottom:24px}.login-container .checkbox-label{align-items:center;color:#9a9590;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;transition:color .2s;-webkit-user-select:none;user-select:none}.login-container .checkbox-label:hover{color:#e5e0db;color:var(--text-primary)}.login-container .checkbox-label input[type=checkbox]{display:none}.login-container .checkbox-custom{background:#1e1e1e;background:var(--coal);border:1px solid #3a3a3a;border:1px solid var(--coal-lighter);border-radius:5px;height:20px;margin-right:10px;position:relative;transition:all .2s;width:20px}.login-container .checkbox-label:hover .checkbox-custom{border-color:#8b5a2b;border-color:var(--copper-muted)}.login-container .checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#b87333;background:var(--copper);border-color:#b87333;border-color:var(--copper)}.login-container .checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#1e1e1e;color:var(--coal);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-container .caps-lock-warning{align-items:center;animation:slideUp .3s ease;background:#c9a54e26;background:var(--warning-soft);border:1px solid #c9a54e33;border-radius:8px;color:#c9a54e;color:var(--warning);display:flex;font-size:13px;gap:8px;margin-top:10px;padding:10px 14px}.login-container .error-message{align-items:center;background:#c17c7426;background:var(--error-soft);border:1px solid #c17c7433;border-radius:10px;color:#c17c74;color:var(--error);display:flex;gap:10px;margin-bottom:20px;opacity:0;padding:14px 16px;transform:translateY(-8px);transition:all .3s ease}.login-container .error-message.show{animation:gentleShake .4s ease;opacity:1;transform:translateY(0)}.login-container .error-icon{font-size:18px}.login-container .error-text{flex:1 1;font-size:14px;font-weight:500}@keyframes gentleShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.login-container .error-message.success{animation:none;background:#6b8f7126;background:var(--success-soft);border-color:#6b8f7133;color:#6b8f71;color:var(--success)}.login-container .block-timer{align-items:center;background:#c9a54e26;background:var(--warning-soft);border:1px solid #c9a54e33;border-radius:12px;display:flex;gap:14px;justify-content:center;margin-bottom:20px;padding:16px}.login-container .timer-circle{height:44px;position:relative;width:44px}.login-container .timer-circle svg{height:44px;transform:rotate(-90deg);width:44px}.login-container .timer-circle circle{fill:none;stroke:#c9a54e;stroke:var(--warning);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s linear}.login-container .timer-text{color:#c9a54e;color:var(--warning);font-size:14px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.login-container .timer-message{color:#c9a54e;color:var(--warning);font-size:14px;font-weight:500}.login-container .login-button{align-items:center;animation:fadeIn .5s ease .6s both;background:#b87333;background:var(--copper);border:none;border-radius:12px;color:#1e1e1e;color:var(--coal);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.login-container .login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login-container .login-button:hover:not(:disabled){background:#d4956a;background:var(--copper-glow);box-shadow:0 8px 30px #b873334d;transform:translateY(-2px)}.login-container .login-button:hover:not(:disabled):before{left:100%}.login-container .login-button:active:not(:disabled){transform:translateY(0)}.login-container .login-button:disabled{cursor:not-allowed;opacity:.5}.login-container .login-button.loading{pointer-events:none}.login-container .login-button .spinner{animation:spin .8s linear infinite;border:2px solid #1e1e1e4d;border-radius:50%;border-top:2px solid var(--coal);height:20px;width:20px}.login-container .login-button .arrow{font-size:18px;transition:transform .3s}.login-container .login-button:hover .arrow{transform:translateX(4px)}.login-container .login-button.blocked{background:#c17c7426;background:var(--error-soft);border:1px solid #c17c744d;color:#c17c74;color:var(--error)}.login-container .login-footer{animation:fadeIn .5s ease .7s both;margin-top:28px;text-align:center}.login-container .divider{background:linear-gradient(90deg,#0000,#3a3a3a,#0000);background:linear-gradient(90deg,#0000,var(--coal-lighter),#0000);height:1px;margin:20px 0}.login-container .footer-info{align-items:center;color:#6b6560;color:var(--text-muted);display:flex;font-size:12px;gap:14px;justify-content:center}.login-container .version{color:#9a9590;color:var(--text-secondary);font-weight:500}.login-container .separator{color:#3a3a3a;color:var(--coal-lighter)}.login-container .status{align-items:center;display:flex;gap:6px}.login-container .status-dot{animation:pulse 2.5s infinite;background:#6b8f71;background:var(--success);border-radius:50%;height:7px;width:7px}.login-container .status-dot.connecting{animation:pulse 1s infinite;background:#c9a54e;background:var(--warning)}.login-container .status-dot.offline{animation:none;background:#c17c74;background:var(--error)}.login-container .telegram-badge{background:#2a9ed0;background:var(--telegram);border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:500;margin-top:12px;padding:6px 14px}.login-container .otp-group{margin-bottom:24px}.login-container .otp-input{background:#1e1e1e!important;background:var(--coal)!important;border:2px solid #3a3a3a!important;border:2px solid var(--coal-lighter)!important;color:#d4956a!important;color:var(--copper-glow)!important;font-family:SF Mono,Monaco,Consolas,monospace!important;font-size:28px!important;font-weight:600!important;letter-spacing:10px!important;padding:18px!important;text-align:center!important}.login-container .otp-input:focus{background:#b8733308!important;border-color:#b87333!important;border-color:var(--copper)!important;box-shadow:0 0 0 3px #b873331a!important}.login-container .otp-timer-info{font-size:13px;margin-top:14px;text-align:center}.login-container .timer-active{color:#9a9590;color:var(--text-secondary)}.login-container .timer-active,.login-container .timer-expired{align-items:center;display:flex;font-weight:500;gap:6px;justify-content:center}.login-container .timer-expired{color:#c9a54e;color:var(--warning)}.login-container .otp-verifying{align-items:center;color:#b87333;color:var(--copper);display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-top:14px}.login-container .otp-verifying .spinner{animation:spin .8s linear infinite;border:2px solid #b8733333;border-radius:50%;border-top:2px solid var(--copper);height:16px;width:16px}.login-container .resend-otp-button{align-items:center;background:#0000;border:1px solid #3a3a3a;border:1px solid var(--coal-lighter);border-radius:12px;color:#9a9590;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:14px;padding:14px;transition:all .3s ease;width:100%}.login-container .resend-otp-button:hover:not(:disabled){background:#b873330d;border-color:#8b5a2b;border-color:var(--copper-muted);color:#e5e0db;color:var(--text-primary)}.login-container .resend-otp-button:disabled{cursor:not-allowed;opacity:.4}.login-container .back-to-login{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#6b6560;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;margin-top:12px;padding:12px;transition:all .3s ease;width:100%}.login-container .back-to-login:hover{background:#ffffff05;color:#9a9590;color:var(--text-secondary)}.login-container .back-to-login.full-width{border-color:#3a3a3a;border-color:var(--coal-lighter);margin-top:24px}.login-container .telegram-steps{margin:28px 0}.login-container .telegram-step{animation:fadeIn .4s ease both;background:#1e1e1e;background:var(--coal);border:1px solid #3a3a3a;border:1px solid var(--coal-lighter);border-radius:14px;margin-bottom:14px;padding:18px 18px 18px 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(145deg,#3a3a3a,#1e1e1e);background:linear-gradient(145deg,var(--coal-lighter),var(--coal));border:1px solid #b8733333;border-radius:50%;color:#b87333;color:var(--copper);display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;left:18px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.login-container .step-content p{color:#9a9590;color:var(--text-secondary);font-size:14px;margin-bottom:10px}.login-container .telegram-bot-link{align-items:center;background:#2a9ed0;background:var(--telegram);border-radius:10px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;margin-top:6px;padding:10px 18px;text-decoration:none;transition:all .3s ease}.login-container .telegram-bot-link:hover{background:#3eb5e8;background:var(--telegram-hover);box-shadow:0 6px 20px #2a9ed04d;transform:translateY(-2px)}.login-container .telegram-icon{font-size:18px}.login-container .connection-code-box{align-items:center;background:#0000004d;border:1px solid #3a3a3a;border:1px solid var(--coal-lighter);border-radius:10px;display:flex;justify-content:space-between;margin-top:8px;padding:12px 14px}.login-container .connection-code-box code{color:#6b8f71;color:var(--success);font-family:SF Mono,Monaco,Consolas,monospace;font-size:14px;font-weight:500;letter-spacing:.5px;-webkit-user-select:all;user-select:all}.login-container .copy-code-btn{align-items:center;background:#3a3a3a;background:var(--coal-lighter);border:1px solid #0000;border-radius:8px;color:#9a9590;color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;transition:all .2s ease;width:34px}.login-container .copy-code-btn:hover{background:#b87333;background:var(--copper);color:#1e1e1e;color:var(--coal)}.login-container .copy-code-btn:active{transform:scale(.95)}@media (max-width:480px){.login-container .login-box{border-radius:16px;margin:10px;padding:36px 24px}.login-container .login-header h1{font-size:1.5em}.login-container .logo-animation{border-radius:14px;height:60px;width:60px}.login-container .logo-icon{font-size:28px}.login-container .form-group input{font-size:14px;padding:14px 16px}.login-container .login-button{font-size:14px;padding:14px 20px}.login-container .otp-input{font-size:22px!important;letter-spacing:6px!important;padding:14px!important}.login-container .telegram-step{padding:14px 14px 14px 50px}.login-container .step-number{font-size:12px;height:26px;left:14px;width:26px}.login-container .connection-code-box code{font-size:12px}.login-container .telegram-bot-link{font-size:13px;padding:8px 14px}}.login-container .login-box.loading:after{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1e1e66;border-radius:20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:10}.login-container ::selection{background:#b873334d;color:#f5f1e8;color:var(--cream)}.login-container :focus-visible{outline:2px solid #b87333;outline:2px solid var(--copper);outline-offset:2px}.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}.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:0;padding:12px}.smt-telegram-buttons-preview{background:#e7ebf0;border-radius:12px;margin-top:12px;padding:10px}.smt-telegram-button-row{display:flex;gap:6px;margin-bottom:6px}.smt-telegram-button-row:last-child{margin-bottom:0}.smt-telegram-button{align-items:center;background:#3390ec;border-radius:8px;cursor:default;display:flex;flex:1 1;justify-content:center;min-height:40px;padding:10px 16px;position:relative;transition:all .2s ease}.smt-telegram-button:hover{background:#2b7fd4}.smt-telegram-button-text{color:#fff;font-size:14px;font-weight:500;max-width:calc(100% - 24px);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.smt-telegram-button-remove{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:20px}.smt-telegram-button:hover .smt-telegram-button-remove{opacity:1}.smt-telegram-button-remove:hover{background:#dc2626;transform:scale(1.1)}.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-header-add-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:4px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.smt-header-add-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.smt-header-add-btn:active{transform:translateY(0)}.smt-buttons-label-with-preview{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.smt-buttons-mini-preview{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.smt-mini-button-tag{background:#3390ec;font-weight:500;max-width:100px;overflow:hidden;padding:3px 10px;text-overflow:ellipsis;white-space:nowrap}.smt-mini-button-more,.smt-mini-button-tag{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:11px}.smt-mini-button-more{background:#6b7280;font-weight:600;justify-content:center;padding:3px 8px}.smt-button-selector-wrapper{animation:fadeInDown .3s ease;border-top:1px dashed #e5e7eb;margin-top:12px;padding-top:12px}.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}.smt-context-menu{animation:contextMenuFadeIn .15s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:200px;padding:6px}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.smt-context-menu-item{align-items:center;background:none;border:none;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.smt-context-menu-item:hover{background:#f3f4f6;color:#08c}.smt-context-menu-item:active{background:#e5e7eb;transform:scale(.98)}.smt-menu-icon{flex-shrink:0;font-size:16px;text-align:center;width:20px}.smt-menu-tag{background:#f9fafb;border-radius:4px;color:#9ca3af;font-family:Courier New,monospace;font-size:11px;margin-left:auto;padding:2px 6px}.smt-formatting-hint{background:#f9fafb;border-left:3px solid #08c;border-radius:6px;color:#6b7280;font-size:13px;margin-bottom:10px;padding:8px 12px}.smt-textarea-wrapper textarea{border:1px solid #d1d5db;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .2s ease;width:100%}.smt-textarea-wrapper textarea:focus{border-color:#08c;box-shadow:0 0 0 3px #0088cc1a;outline:none}.smt-textarea-wrapper textarea:hover{border-color:#9ca3af}.smt-tiktok-settings{padding:20px}.smt-tiktok-settings h4{color:#333;font-size:16px;font-weight:600;margin:0 0 20px}.smt-checkbox-label{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.smt-checkbox-label input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.smt-checkbox-label span{color:#333;font-size:14px}.smt-instagram-settings{padding:15px}.smt-content-type-selector{display:flex;gap:10px;margin:10px 0}.smt-type-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:5px;padding:12px;transition:all .3s}.smt-type-btn:hover:not(.disabled){background:#fff5f7;border-color:#e4405f}.smt-type-btn.active{background:linear-gradient(135deg,#f58529,#dd2a7b 25%,#8134af 50%,#515bd4);border-color:#e4405f;color:#fff}.smt-type-btn.disabled{cursor:not-allowed;opacity:.5}.smt-type-btn span:first-child{font-size:24px}.smt-type-btn span:last-child{font-size:12px;font-weight:600}.smt-type-description{background:#f8f9fa;border-radius:6px;margin-top:10px;padding:10px}.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{background:#e7ebf0;border-radius:12px;display:flex;flex-direction:column;gap:6px;max-height:250px;overflow-y:auto;padding:10px}.quick-buttons-grid::-webkit-scrollbar{width:6px}.quick-buttons-grid::-webkit-scrollbar-track{background:#0000;border-radius:3px}.quick-buttons-grid::-webkit-scrollbar-thumb{background:#c4c9cc;border-radius:3px}.quick-buttons-grid::-webkit-scrollbar-thumb:hover{background:#a0a4a8}.quick-button-card{align-items:center;background:#3390ec;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;min-height:40px;padding:10px 16px;position:relative;transition:all .2s ease}.quick-button-card:hover{background:#2b7fd4;box-shadow:none;transform:none}.quick-button-card:active{background:#2575c7;transform:scale(.98)}.card-content{flex:1 1;min-width:0;text-align:center}.button-preview-text{color:#fff;font-size:14px;font-weight:500;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-preview-url{display:none}.usage-indicator{align-items:center;background:#ffc107;border:2px solid #fff;border-radius:10px;box-shadow:0 2px 4px #00000026;color:#333;display:inline-flex;font-size:10px;font-weight:600;gap:2px;left:-6px;padding:2px 6px;position:absolute;top:-6px}.usage-icon{font-size:9px}.btn-delete-mini{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;opacity:0;position:absolute;right:-6px;top:-6px;transition:all .2s ease;width:20px}.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;justify-content:center;padding:30px;text-align:center}.spinner{animation:pulse 1.5s ease-in-out infinite;display:inline-block;font-size:20px}.no-quick-buttons{background:#f5f5f5;border-radius:8px;padding:30px 20px;text-align:center}.empty-icon{display:block;font-size:48px;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:#e7ebf0;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding:10px}.bar-title{color:#666;font-size:12px;font-weight:600;margin-right:4px}.top-button-chip{background:#3390ec;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.top-button-chip:hover{background:#2b7fd4;box-shadow:none;color:#fff;transform:none}.top-button-chip:active{background:#2575c7;transform:scale(.98)}@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 .2s ease forwards}.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)}}.ast-search-box.has-add-btn .ast-search-input{padding-right:48px}.ast-add-tag-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;box-shadow:0 2px 4px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:32px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:32px}.ast-add-tag-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 8px #10b98166;transform:translateY(-50%) scale(1.05)}.ast-add-tag-btn:active{transform:translateY(-50%) scale(.95)}.ast-add-tag-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.ast-add-tag-btn:disabled:hover{transform:translateY(-50%)}.ast-spinner{animation:spin 1s linear infinite;font-size:14px}.ast-create-tag-hint{align-items:center;animation:fadeInDown .3s ease;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:12px 16px}.ast-create-tag-hint span{flex-shrink:0;font-size:18px}.ast-create-tag-hint p{color:#065f46;font-size:13px;margin:0}.ast-create-tag-hint strong{color:#047857}.ast-create-tag-hint button{background:none;border:none;color:#10b981;cursor:pointer;font-weight:600;margin-left:4px;padding:0;text-decoration:underline;transition:color .2s}.ast-create-tag-hint button:hover{color:#059669}.ast-create-tag-hint button:disabled{color:#9ca3af;cursor:not-allowed}.watermark-modal-container{max-height:90vh;max-width:950px;position:relative}.watermark-modal-body{padding:0}.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;width:100%}.watermark-toolbar-excel{align-items:stretch;background:#f8f9fb;border-bottom:2px solid #e1e4e8;display:flex;gap:0;min-height:100px;padding:12px 16px}.toolbar-group{flex-direction:column;padding:0 12px}.toolbar-group-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-align:center;text-transform:uppercase}.toolbar-group-content{align-items:center;display:flex;flex:1 1;gap:8px}.toolbar-separator{align-self:stretch;background:#d1d5db;margin:8px 0;width:1px}.toolbar-btn{border:1px solid #d1d5db;color:#374151;display:flex;flex-direction:column;min-width:70px;padding:8px 12px;text-decoration:none;transition:all .2s ease}.toolbar-btn:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:0 2px 4px #0000000d}.toolbar-btn:active{box-shadow:inset 0 2px 4px #0000001a;transform:translateY(0)}.toolbar-btn-icon{font-size:24px;line-height:1}.toolbar-btn-text{color:#4b5563;font-size:11px;font-weight:600}.toolbar-btn-primary{background:linear-gradient(135deg,#10b981,#059669);border-color:#059669;color:#fff}.toolbar-btn-primary .toolbar-btn-text{color:#fff}.toolbar-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.toolbar-btn-primary:disabled{cursor:not-allowed;opacity:.6}.toolbar-btn-danger{background:#fee2e2;border-color:#fca5a5}.toolbar-btn-danger .toolbar-btn-text{color:#dc2626}.toolbar-btn-danger:hover{background:#fecaca;border-color:#f87171}.toolbar-icon-preview-group{align-items:center;display:flex;gap:8px}.toolbar-icon-thumb{background:#fff;border:2px solid #e5e7eb;border-radius:4px;height:50px;object-fit:contain;padding:4px;width:50px}.toolbar-slider-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.toolbar-slider-label{align-items:center;color:#4b5563;display:flex;font-size:11px;font-weight:600;justify-content:space-between}.toolbar-slider-value{color:#667eea;font-weight:700}.toolbar-slider-input{-webkit-appearance:none;background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;outline:none;width:100%}.toolbar-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:all .2s;transition:all .2s;width:16px}.toolbar-slider-input::-webkit-slider-thumb:hover{background:#5568d3;transform:scale(1.2)}.toolbar-slider-input::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:all .2s;transition:all .2s;width:16px}.toolbar-slider-input::-moz-range-thumb:hover{background:#5568d3;transform:scale(1.2)}.toolbar-position-grid{grid-gap:4px;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);padding:4px}.toolbar-position-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:all .2s;width:36px}.toolbar-position-btn:hover{background:#f3f4f6;border-color:#667eea;transform:scale(1.05)}.toolbar-position-btn:active{background:#e0e7ff;border-color:#667eea}.toolbar-position-dropdown{position:relative}.toolbar-position-toggle{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:90px;padding:8px 16px;transition:all .2s ease}.toolbar-position-toggle:hover{background:#f3f4f6;border-color:#9ca3af}.toolbar-position-toggle.active{background:#e0e7ff;border-color:#667eea}.toolbar-position-toggle-icon{font-size:24px;line-height:1}.toolbar-position-toggle-text{align-items:center;color:#4b5563;display:flex;font-size:11px;font-weight:600;gap:4px}.toolbar-position-toggle-arrow{font-size:10px;transition:transform .2s}.toolbar-position-toggle.active .toolbar-position-toggle-arrow{transform:rotate(180deg)}.toolbar-position-menu{animation:dropdownSlide .2s ease;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;min-width:180px;padding:8px;position:absolute;top:calc(100% + 4px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toolbar-position-menu-title{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;padding:6px 8px;text-transform:uppercase}.canvas-wrapper{align-items:center;background:#1a1a1a;display:flex;flex-direction:column;justify-content:center;min-height:450px;padding:30px;position:relative}.watermark-canvas{border-radius:4px;box-shadow:0 4px 20px #0006;cursor:default;height:auto;max-width:100%}.watermark-canvas.has-watermark{cursor:move}.watermark-canvas.dragging{cursor:grabbing}.canvas-hint{align-items:center;background:#667eea33;border:1px solid #667eea4d;border-radius:8px;color:#fff;display:flex;font-size:13px;gap:8px;margin-top:16px;padding:10px 18px}.btn-cancel{padding:10px 20px}@media (max-width:1024px){.watermark-toolbar-excel{flex-wrap:wrap;min-height:auto}.toolbar-separator{display:none}}@media (max-width:768px){.watermark-modal-container{max-height:95vh;width:95%}.watermark-toolbar-excel{flex-direction:column;gap:12px;padding:12px}.toolbar-group{padding:8px 0;width:100%}.toolbar-group-content{flex-wrap:wrap}}@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}.toolbar-btn{min-width:60px;padding:6px 8px}.toolbar-btn-icon{font-size:20px}.toolbar-position-grid{width:100%}}.vw-modal-overlay{align-items:center;animation:vw-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes vw-fadeIn{0%{opacity:0}to{opacity:1}}.vw-modal-container{animation:vw-slideUp .3s ease;background:linear-gradient(180deg,#1e1e2e,#181825);border-radius:20px;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #0009,0 0 100px #667eea1a;display:flex;flex-direction:column;max-height:85vh;max-width:950px;overflow:hidden;width:100%}@keyframes vw-slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.vw-modal-error{max-width:400px;padding:40px}.vw-error-content{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.vw-error-icon{font-size:48px}.vw-error-content p{color:#a6adc8;margin:0}.vw-modal-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:20px 24px}.vw-header-title{align-items:center;display:flex;gap:12px}.vw-header-icon{font-size:24px}.vw-header-title h3{color:#cdd6f4;font-size:1.25rem;font-weight:600;margin:0}.vw-close-btn{align-items:center;background:#ffffff0d;border:none;border-radius:10px;color:#a6adc8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.vw-close-btn:hover{background:#f38ba833;color:#f38ba8;transform:scale(1.05)}.vw-modal-content{display:grid;flex:1 1;grid-template-columns:1fr 320px;overflow:hidden}.vw-preview-panel{align-items:center;background:#0003;border-right:1px solid #ffffff0f;display:flex;flex-direction:column;justify-content:center;padding:24px}.vw-video-wrapper{background:#000;box-shadow:0 10px 40px #0006;overflow:hidden;position:relative}.vw-video,.vw-video-wrapper{border-radius:12px;max-width:100%}.vw-video{display:block;max-height:380px}.vw-video-info{background:#ffffff0d;border-radius:6px;color:#6c7086;font-family:Monaco,Menlo,monospace;font-size:12px;margin-top:12px;padding:6px 12px}.vw-logo-overlay{pointer-events:none;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.vw-logo-overlay img{border-radius:4px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}.vw-pos-top-left{left:12px;top:12px}.vw-pos-top-center{left:50%;top:12px;transform:translateX(-50%)}.vw-pos-top-right{right:12px;top:12px}.vw-pos-center-left{left:12px;top:50%;transform:translateY(-50%)}.vw-pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}.vw-pos-center-right{right:12px;top:50%;transform:translateY(-50%)}.vw-pos-bottom-left{bottom:52px;left:12px}.vw-pos-bottom-center{bottom:52px;left:50%;transform:translateX(-50%)}.vw-pos-bottom-right{bottom:52px;right:12px}.vw-settings-panel{gap:24px;overflow-y:auto;padding:24px}.vw-section,.vw-settings-panel{display:flex;flex-direction:column}.vw-section{gap:12px}.vw-section-header{align-items:center;display:flex;gap:8px}.vw-section-icon{font-size:16px}.vw-section-title{color:#cdd6f4;flex:1 1;font-size:14px;font-weight:600}.vw-section-value{color:#89b4fa;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:500}.vw-logo-selector{width:100%}.vw-logo-dropzone{align-items:center;background:#89b4fa0d;border:2px dashed #89b4fa4d;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:32px 20px;transition:all .2s}.vw-logo-dropzone:hover{background:#89b4fa1a;border-color:#89b4fa80}.vw-dropzone-icon{align-items:center;background:#89b4fa1a;border-radius:12px;color:#89b4fa;display:flex;height:48px;justify-content:center;width:48px}.vw-dropzone-text{color:#cdd6f4;font-size:14px;font-weight:500}.vw-dropzone-hint{color:#6c7086;font-size:12px}.vw-logo-preview{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;display:flex;justify-content:center;padding:20px;position:relative}.vw-logo-preview img{border-radius:8px;max-height:80px;max-width:100%;object-fit:contain}.vw-logo-remove{align-items:center;background:#f38ba833;border:none;border-radius:8px;color:#f38ba8;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.vw-logo-remove:hover{background:#f38ba84d;transform:scale(1.1)}.vw-position-grid{grid-gap:8px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);padding:16px}.vw-position-btn{align-items:center;aspect-ratio:1;background:#ffffff08;border:2px solid #ffffff1a;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.vw-position-btn:hover{background:#89b4fa1a;border-color:#89b4fa66}.vw-position-btn.active{background:#89b4fa33;border-color:#89b4fa}.vw-position-dot{background:#ffffff4d;border-radius:50%;height:8px;transition:all .2s;width:8px}.vw-position-btn:hover .vw-position-dot{background:#89b4fa99}.vw-position-btn.active .vw-position-dot{background:#89b4fa;box-shadow:0 0 8px #89b4fa99}.vw-slider-container{display:flex;flex-direction:column;gap:8px}.vw-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;width:100%}.vw-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#89b4fa,#b4befe);border-radius:50%;box-shadow:0 2px 8px #89b4fa66;cursor:pointer;height:18px;-webkit-transition:transform .2s;transition:transform .2s;width:18px}.vw-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.vw-slider::-moz-range-thumb{background:linear-gradient(135deg,#89b4fa,#b4befe);border:none;border-radius:50%;box-shadow:0 2px 8px #89b4fa66;cursor:pointer;height:18px;width:18px}.vw-slider-labels{color:#6c7086;display:flex;font-size:11px;justify-content:space-between}.vw-modal-footer{background:#0003;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.vw-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.vw-btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#a6adc8}.vw-btn-secondary:hover{background:#ffffff1a;color:#cdd6f4}.vw-btn-primary{background:linear-gradient(135deg,#89b4fa,#b4befe);color:#1e1e2e}.vw-btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #89b4fa66;transform:translateY(-2px)}.vw-btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.vw-modal-content{grid-template-columns:1fr;grid-template-rows:auto 1fr}.vw-preview-panel{border-bottom:1px solid #ffffff0f;border-right:none;padding:16px}.vw-video{max-height:250px}.vw-settings-panel{padding:16px}}.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;font-weight:700;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{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-left-color:#667eea;border-radius:50%;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}.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}@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}}:root{--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#2563eb14;--color-primary-subtle:#2563eb0a;--color-success:#10b981;--color-success-hover:#059669;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-warning:#f59e0b;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#fff;--color-bg-primary:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-bg-elevated:#fff;--color-border:#0000000f;--color-border-hover:#0000001f;--color-border-focus:var(--color-primary);--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-focus:0 0 0 3px #2563eb26;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}.library-container{background:#f8fafc;background:var(--color-bg-secondary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-sans);min-height:100vh;padding:0;width:100%}.library-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--color-bg-primary);background:#ffffffeb;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:space-between;padding:20px 24px;padding:var(--space-5) var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:100}.youtube-search-container{flex:1 1;max-width:400px;min-width:240px;position:relative}.youtube-search-wrapper{align-items:center;background:#f8fafc;background:var(--color-bg-secondary);border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);display:flex;padding:0 12px;padding:0 var(--space-3);position:relative;transition:all .12s ease;transition:all var(--transition-fast)}.youtube-search-wrapper:hover{background:#f1f5f9;background:var(--color-bg-tertiary);border-color:#0000001f;border-color:var(--color-border-hover)}.youtube-search-wrapper:focus-within{background:#fff;background:var(--color-bg-primary);border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26;box-shadow:var(--shadow-focus)}.youtube-search-input{background:#0000;border:none;color:#0f172a;color:var(--color-text-primary);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:450;outline:none;padding:10px 8px;padding:10px var(--space-2)}.youtube-search-input::placeholder{color:#94a3b8;color:var(--color-text-tertiary);font-weight:400}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#94a3b8;color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;padding:4px;padding:var(--space-1);transition:all .12s ease;transition:all var(--transition-fast);width:24px}.search-clear-btn:hover{background:#f1f5f9;background:var(--color-bg-tertiary);color:#475569;color:var(--color-text-secondary)}.search-tags-dropdown{animation:dropdownFadeIn .15s ease-out;background:#fff;background:var(--color-bg-primary);border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000001f;box-shadow:var(--shadow-lg);left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-tags-header{align-items:center;background:#f1f5f9;background:var(--color-bg-tertiary);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border);color:#475569;color:var(--color-text-secondary);display:flex;font-size:11px;font-weight:600;gap:8px;gap:var(--space-2);letter-spacing:.5px;padding:10px 14px;text-transform:uppercase}.search-tags-icon{font-size:12px}.search-tags-title{letter-spacing:.5px}.search-tags-list{max-height:280px;overflow-y:auto;padding:4px;padding:var(--space-1)}.search-tag-item{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:8px 10px;padding:var(--space-2) 10px;text-align:left;transition:all .12s ease;transition:all var(--transition-fast);width:100%}.search-tag-item:hover{background:#f8fafc;background:var(--color-bg-secondary)}.search-tag-rank{font-feature-settings:"tnum";color:#94a3b8;color:var(--color-text-tertiary);font-size:10px;font-variant-numeric:tabular-nums;font-weight:700;min-width:20px}.search-tag-color{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:10px;opacity:.9;width:10px}.search-tag-name{color:#0f172a;color:var(--color-text-primary);flex:1 1;font-size:13px;font-weight:500}.search-tag-count{font-feature-settings:"tnum";background:#f1f5f9;background:var(--color-bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#94a3b8;color:var(--color-text-tertiary);font-size:10px;font-variant-numeric:tabular-nums;font-weight:500;padding:2px 8px}.header-actions{gap:8px;gap:var(--space-2)}.btn-secondary{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000a,inset 0 1px 0 #ffffff1a;box-shadow:var(--shadow-xs),inset 0 1px 0 #ffffff1a;color:#fff;color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:6px;padding:9px 16px;transition:all .12s ease;transition:all var(--transition-fast);white-space:nowrap}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #0000000f,inset 0 1px 0 #ffffff1a;box-shadow:var(--shadow-sm),inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.btn-secondary:active:not(:disabled){box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-secondary:disabled{opacity:.55;transform:none}.btn-loading{opacity:.7;pointer-events:none}.content-stats{background:#fff;background:var(--color-bg-primary);border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border);gap:16px;gap:var(--space-4);justify-content:space-between;padding:12px 24px;padding:var(--space-3) var(--space-6)}.content-stats,.stats-left{align-items:center;display:flex}.stats-left{gap:20px;gap:var(--space-5)}.stats-item{align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-size:13px;gap:4px;gap:var(--space-1)}.stats-item strong{font-feature-settings:"tnum";color:#0f172a;color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.sort-dropdown-container{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.sort-label{color:#94a3b8;color:var(--color-text-tertiary)}.sort-dropdown,.sort-label{font-size:13px;font-weight:500}.sort-dropdown{-webkit-appearance:none;appearance:none;background:#fff;background:var(--color-bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px;border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#0f172a;color:var(--color-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-sans);min-width:180px;padding:7px 32px 7px 12px;transition:all .12s ease;transition:all var(--transition-fast)}.sort-dropdown:hover{border-color:#0000001f;border-color:var(--color-border-hover)}.sort-dropdown:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26;box-shadow:var(--shadow-focus);outline:none}.content-list{padding:16px;padding:var(--space-4)}.masonry-grid{display:flex;margin-left:-8px;width:auto}.masonry-grid-column{background-clip:padding-box;padding-left:8px}.content-card{background:#fff;background:var(--color-bg-primary);border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);break-inside:avoid;display:flex;flex-direction:column;height:680px;margin-bottom:8px;max-height:680px;min-height:680px;overflow:hidden;page-break-inside:avoid;transition:all .2s ease;transition:all var(--transition-base)}.content-card:hover{border-color:#0000001f;border-color:var(--color-border-hover);box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-body{flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:12px;padding:var(--space-3)}.card-body,.content-header{display:flex;gap:8px;gap:var(--space-2)}.content-header{align-items:flex-start;flex-shrink:0;justify-content:space-between}.content-header h4{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#0f172a;color:var(--color-text-primary);display:-webkit-box;flex:1 1;font-size:14px;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0;overflow:hidden}.usage-badge{font-feature-settings:"tnum";align-items:center;background:#10b981;background:var(--color-success);border-radius:4px;border-radius:var(--radius-xs);color:#fff;color:var(--color-text-inverse);cursor:pointer;display:inline-flex;font-size:10px;font-variant-numeric:tabular-nums;font-weight:600;gap:2px;opacity:.9;padding:2px 6px;transition:all .12s ease;transition:all var(--transition-fast)}.usage-badge:hover{opacity:1}.quick-stats-badge{align-items:center;background:#f8fafc;background:var(--color-bg-secondary);border-radius:4px;border-radius:var(--radius-xs);display:flex;font-size:10px;font-weight:500;gap:6px;padding:2px 6px}.quick-stats-badge span{font-feature-settings:"tnum";align-items:center;color:#475569;color:var(--color-text-secondary);display:flex;font-variant-numeric:tabular-nums;gap:2px}.content-media-preview{flex-shrink:0;height:360px;margin:0;max-height:360px;min-height:360px}.content-media-preview,.single-media-container{border-radius:8px;border-radius:var(--radius-md);overflow:hidden;position:relative;width:100%}.single-media-container{background:#f1f5f9;background:var(--color-bg-tertiary);height:100%}.image-wrapper,.video-wrapper{height:100%;inset:0;position:absolute;width:100%}.content-image,.content-video{display:block;height:100%;object-fit:cover;width:100%}.media-carousel{background:#f1f5f9;background:var(--color-bg-tertiary);border-radius:8px;border-radius:var(--radius-md);height:100%;overflow:hidden;padding:0;position:relative;width:100%}.media-count-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--color-text-inverse);font-size:10px;font-weight:500;left:8px;left:var(--space-2);margin:0;padding:3px 8px;position:absolute;top:8px;top:var(--space-2);z-index:10}.media-grid-container{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:100%;overflow:hidden;width:100%}.media-grid-item{aspect-ratio:unset;background:#f8fafc;background:var(--color-bg-secondary);height:100%;overflow:hidden;position:relative}.image-thumbnail,.video-thumbnail{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.image-thumbnail-wrapper,.video-thumbnail-wrapper{height:100%;position:relative;width:100%}.media-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:absolute}.play-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));font-size:20px}.more-media-indicator{align-items:center;background:#0000008c;color:#fff;color:var(--color-text-inverse);display:flex;font-size:14px;font-weight:600;inset:0;justify-content:center;position:absolute}.media-type-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:6px;border-radius:var(--radius-sm);color:#475569;color:var(--color-text-secondary);font-size:10px;font-weight:500;padding:3px 8px;position:absolute;right:8px;right:var(--space-2);top:8px;top:var(--space-2)}.media-error-placeholder{align-items:center;background:#f1f5f9;background:var(--color-bg-tertiary);color:#94a3b8;color:var(--color-text-tertiary);display:flex;flex-direction:column;gap:8px;gap:var(--space-2);height:100%;justify-content:center;padding:24px;padding:var(--space-6)}.media-error-placeholder .error-icon{font-size:24px}.media-error-placeholder .error-text{font-size:11px}.content-preview-wrapper{flex:1 1;min-height:0;overflow:hidden;position:relative}.content-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;background:#f8fafc;background:var(--color-bg-secondary);border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#475569;color:var(--color-text-secondary);cursor:pointer;display:-webkit-box;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-family:var(--font-sans);font-size:12px;height:100%;line-height:1.5;margin:0;max-height:100%;overflow:hidden;padding:8px;padding:var(--space-2);position:relative;transition:all .12s ease;transition:all var(--transition-fast);white-space:pre-wrap;word-break:break-word}.content-preview.expanded{-webkit-line-clamp:unset;cursor:default;max-height:none;overflow:auto}.content-preview:hover:not(.expanded){background:#f1f5f9;background:var(--color-bg-tertiary)}.show-more-text{color:#2563eb;color:var(--color-primary);display:block;font-size:11px;font-weight:500;margin-top:2px}.telegram-buttons-container{background:#f8fafc;background:var(--color-bg-secondary);border-radius:6px;border-radius:var(--radius-sm);flex-shrink:0;max-height:70px;overflow:hidden;padding:8px;padding:var(--space-2)}.telegram-buttons{display:flex;flex-direction:column;gap:4px}.telegram-button-row{display:flex;gap:4px;width:100%}.telegram-button{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;color:var(--color-text-inverse);display:flex;flex:1 1;font-size:11px;font-weight:500;gap:3px;justify-content:center;overflow:hidden;padding:6px 10px;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:all .12s ease;transition:all var(--transition-fast);white-space:nowrap}.telegram-button:hover{background:linear-gradient(135deg,#0284c7,#0369a1)}.telegram-button svg{flex-shrink:0;height:10px;width:10px}.button-error{background:#ef444414;border-radius:6px;border-radius:var(--radius-sm);color:#ef4444;color:var(--color-danger);font-size:11px;padding:8px 12px;text-align:center}.content-tags-wrapper{align-items:center;border-top:1px solid #0000000f;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:6px;max-height:40px;overflow:hidden;padding-top:8px;padding-top:var(--space-2)}.content-tags{display:flex;flex:1 1;flex-wrap:nowrap;gap:4px;overflow:hidden}.content-tags.editing-mode{background:#2563eb14;background:var(--color-primary-light);border:1px dashed #2563eb;border:1px dashed var(--color-primary);border-radius:6px;border-radius:var(--radius-sm);flex-wrap:wrap;max-height:none;overflow:visible;padding:4px;padding:var(--space-1)}.content-tag-badge{align-items:center;border-radius:4px;border-radius:var(--radius-xs);cursor:pointer;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:500;gap:3px;max-width:100px;opacity:.9;overflow:hidden;padding:3px 8px;position:relative;text-overflow:ellipsis;transition:all .12s ease;transition:all var(--transition-fast);white-space:nowrap}.content-tag-badge:not(.shaking):hover{opacity:1;transform:translateY(-1px)}.content-tag-badge.shaking{animation:subtle-shake .5s ease-in-out infinite}@keyframes subtle-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}.tag-icon{flex-shrink:0;font-size:8px}.tag-remove-btn{align-items:center;background:#ef4444;background:var(--color-danger);border:2px solid #fff;border:2px solid var(--color-bg-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:8px;height:14px;justify-content:center;line-height:1;position:absolute;right:-5px;top:-5px;transition:all .12s ease;transition:all var(--transition-fast);width:14px}.tag-remove-btn:hover{background:#dc2626;background:var(--color-danger-hover);transform:scale(1.1)}.tag-edit-btn{align-items:center;background:#f8fafc;background:var(--color-bg-secondary);border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--radius-xs);color:#475569;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:24px;justify-content:center;transition:all .12s ease;transition:all var(--transition-fast);width:24px}.tag-edit-btn:hover{background:#f1f5f9;background:var(--color-bg-tertiary);color:#0f172a;color:var(--color-text-primary)}.tag-edit-btn.active{border-color:#10b981;border-color:var(--color-success)}.add-tag-btn,.tag-edit-btn.active{background:#10b981;background:var(--color-success);color:#fff;color:var(--color-text-inverse)}.add-tag-btn{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-xs);cursor:pointer;display:flex;flex-shrink:0;font-size:10px;height:20px;justify-content:center;opacity:.9;transition:all .12s ease;transition:all var(--transition-fast);width:20px}.add-tag-btn:hover{opacity:1}.add-tag-inline-list{background:#fff;background:var(--color-bg-primary);border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow-sm);margin-top:8px;margin-top:var(--space-2);padding:12px;padding:var(--space-3);width:100%}.inline-list-header{align-items:center;border-bottom:1px solid #0000000f;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--space-2);padding-bottom:8px;padding-bottom:var(--space-2)}.inline-list-header span:first-child{color:#0f172a;color:var(--color-text-primary);font-size:11px;font-weight:600}.tag-count{background:#f1f5f9;background:var(--color-bg-tertiary);border-radius:9999px;border-radius:var(--radius-full);color:#475569;color:var(--color-text-secondary);font-size:10px;font-weight:500;padding:2px 6px}.inline-tag-items{display:flex;flex-wrap:wrap;gap:4px}.inline-tag-item{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-xs);cursor:pointer;display:inline-flex;font-size:10px;font-weight:500;gap:3px;opacity:.9;padding:4px 8px;transition:all .12s ease;transition:all var(--transition-fast)}.inline-tag-item:hover{opacity:1;transform:translateY(-1px)}.add-icon{font-size:9px;opacity:.7}.inline-list-empty{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px;padding:12px;padding:var(--space-3);text-align:center}.card-footer-info{align-items:center;background:#f8fafc;background:var(--color-bg-secondary);border-top:1px solid #0000000f;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;font-size:11px;justify-content:space-between;padding:8px 12px;padding:var(--space-2) var(--space-3)}.footer-left{align-items:center;color:#94a3b8;color:var(--color-text-tertiary);min-width:0;overflow:hidden}.footer-username{color:#475569;color:var(--color-text-secondary);font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-username:after{color:#94a3b8;color:var(--color-text-tertiary);content:"·";margin:0 5px}.footer-date{color:var(--color-text-tertiary);white-space:nowrap}.footer-actions{align-items:center}.stats-update-section{align-items:center;display:flex;gap:4px}.stats-update-time{color:#94a3b8;color:var(--color-text-tertiary);display:none;font-size:10px;white-space:nowrap}.content-card:hover .stats-update-time{display:block}.stats-refresh-btn{align-items:center;background:#0000;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#94a3b8;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:3px;transition:all .12s ease;transition:all var(--transition-fast)}.stats-refresh-btn:hover:not(:disabled){background:#f1f5f9;background:var(--color-bg-tertiary);color:#2563eb;color:var(--color-primary)}.stats-refresh-btn:disabled{cursor:not-allowed;opacity:.5}.stats-refresh-btn svg{height:14px;width:14px}.stats-refresh-btn.updating svg{animation:spin 1s linear infinite}.icon-btn{background:#0000;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#94a3b8;color:var(--color-text-tertiary);height:24px;transition:all .12s ease;transition:all var(--transition-fast);width:24px}.icon-btn svg{height:14px;width:14px}.icon-btn:hover{background:#f8fafc;background:var(--color-bg-secondary);color:#475569;color:var(--color-text-secondary)}.edit-icon:hover{color:#2563eb;color:var(--color-primary)}.pagination-container{gap:6px;margin-top:16px;margin-top:var(--space-4);padding:24px;padding:var(--space-6)}.pagination-btn{background:var(--color-bg-primary);border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:var(--radius-md);color:#475569;color:var(--color-text-secondary);transition:all .12s ease;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:#f8fafc;background:var(--color-bg-secondary);border-color:#0000001f;border-color:var(--color-border-hover);color:#0f172a;color:var(--color-text-primary)}.pagination-numbers{align-items:center;display:flex;gap:4px}.pagination-number{font-feature-settings:"tnum";align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md);color:#475569;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:0 8px;padding:0 var(--space-2);transition:all .12s ease;transition:all var(--transition-fast)}.pagination-number:hover{background:#f8fafc;background:var(--color-bg-secondary);color:#0f172a;color:var(--color-text-primary)}.pagination-number.active{background:#2563eb;background:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);color:#fff;color:var(--color-text-inverse)}.pagination-dots{color:#94a3b8;color:var(--color-text-tertiary);font-size:12px;padding:0 4px}.no-content,.no-results{background:#fff;background:var(--color-bg-primary);border:1px solid #0000000f;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);margin:24px auto;margin:var(--space-6) auto;max-width:420px;padding:40px 24px;padding:var(--space-10) var(--space-6);text-align:center}.no-content h4,.no-results h4{color:#0f172a;color:var(--color-text-primary);font-size:16px;font-weight:600;margin-bottom:8px;margin-bottom:var(--space-2)}.no-content p,.no-results p{color:#475569;color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px;margin-bottom:var(--space-4)}.btn-clear-search{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--color-text-inverse);cursor:pointer;font-size:13px;font-weight:500;padding:10px 20px;transition:all .12s ease;transition:all var(--transition-fast)}.btn-clear-search:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.filter-info{background:#2563eb14!important;background:var(--color-primary-light)!important;border:none!important;border-radius:6px!important;border-radius:var(--radius-sm)!important;color:#2563eb!important;color:var(--color-primary)!important;font-size:11px!important;font-weight:500!important;padding:3px 10px!important}@media (max-width:1400px){.content-card{height:650px;max-height:650px;min-height:650px}.content-media-preview{height:340px;max-height:340px;min-height:340px}}@media (max-width:1024px){.content-stats{align-items:stretch;flex-direction:column;gap:12px;gap:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.sort-dropdown-container,.stats-left{justify-content:center}.content-card{height:620px;max-height:620px;min-height:620px}.content-media-preview{height:320px;max-height:320px;min-height:320px}.masonry-grid{margin-left:-6px}.masonry-grid-column{padding-left:6px}.content-card{margin-bottom:6px}}@media (max-width:768px){.library-header{align-items:stretch;flex-direction:column;padding:16px;padding:var(--space-4)}.youtube-search-container{max-width:100%}.content-list{padding:12px;padding:var(--space-3)}.content-card{height:580px;margin-bottom:6px;max-height:580px;min-height:580px}.content-media-preview{height:300px;max-height:300px;min-height:300px}.masonry-grid{margin-left:-6px}.masonry-grid-column{padding-left:6px}.header-actions{flex-direction:column;width:100%}.btn-secondary{justify-content:center;width:100%}.sort-dropdown-container{flex-direction:column;gap:4px;gap:var(--space-1);width:100%}.sort-dropdown{width:100%}.stats-left{flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:center;width:100%}.pagination-container{flex-wrap:wrap;padding:16px;padding:var(--space-4)}.pagination-numbers{justify-content:center;margin-top:8px;margin-top:var(--space-2);order:3;width:100%}.no-content,.no-results{margin:16px auto;margin:var(--space-4) auto;padding:32px 16px;padding:var(--space-8) var(--space-4)}.search-tags-dropdown{border-radius:8px;border-radius:var(--radius-md)}.card-body{gap:4px;gap:var(--space-1);padding:8px;padding:var(--space-2)}.content-header h4{font-size:13px}.content-preview{-webkit-line-clamp:2;font-size:11px}.telegram-buttons-container{max-height:60px}.telegram-button{font-size:10px;padding:5px 8px}}@media (max-width:480px){.library-header{padding:12px;padding:var(--space-3)}.content-list{padding:8px;padding:var(--space-2)}.content-card{height:500px;margin-bottom:4px;max-height:500px;min-height:500px}.content-media-preview{height:260px;max-height:260px;min-height:260px}.masonry-grid{margin-left:-4px}.masonry-grid-column{padding-left:4px}.btn-secondary{font-size:12px;padding:8px 12px}.content-header h4{font-size:12px}.content-preview{-webkit-line-clamp:2;padding:4px;padding:var(--space-1)}.content-tags-wrapper{max-height:32px}.content-tag-badge{font-size:9px;max-width:70px;padding:2px 6px}.footer-username{max-width:60px}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#0003}.content-video:-moz-full-screen,.content-video:-ms-fullscreen,.content-video:-webkit-full-screen,.content-video:fullscreen,video:-moz-full-screen,video:-ms-fullscreen,video:-webkit-full-screen,video:fullscreen{background:#000!important;border:none!important;border-radius:0!important;bottom:0!important;height:100vh!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;min-height:100vh!important;min-width:100vw!important;object-fit:contain!important;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:2147483647!important}::backdrop{background:#000!important}::-webkit-backdrop{background:#000!important}:-moz-full-screen video,:-webkit-full-screen video,:fullscreen video{height:100%!important;max-height:100%!important;max-width:100%!important;object-fit:contain!important;width:100%!important}video.content-video:fullscreen{background:#000!important;height:100vh!important;object-fit:contain!important;width:100vw!important}video.content-video:-webkit-full-screen{background:#000!important;height:100vh!important;object-fit:contain!important;width:100vw!important}.video-wrapper{height:100%;position:relative;width:100%}.single-media-container .video-wrapper{inset:0;position:absolute}.content-card.selected{border:2px solid #89b4fa;box-shadow:0 0 20px #89b4fa4d}.selection-checkbox{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:8px;display:flex;gap:8px;left:12px;padding:6px 10px;position:absolute;top:12px;z-index:10}.selection-checkbox input[type=checkbox]{accent-color:#89b4fa;cursor:pointer;height:18px;width:18px}.selection-checkbox .video-indicator{font-size:14px}.content-card{position:relative}.btn-active{box-shadow:0 0 15px #f093fb66}.header-actions{flex-wrap:wrap}.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;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;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{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;flex-wrap:wrap;justify-content:space-between;margin-bottom:16px;margin-top:20px;padding:16px 20px}.bulk-mode-header,.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:12px;background:#0003;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:400px;overflow-y:auto;padding:16px}.bulk-media-item{aspect-ratio:1;background:#ffffff0d;border:3px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0003;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.bulk-media-item:hover{border-color:#667eea80;box-shadow:0 4px 16px #0000004d;transform:scale(1.03)}.bulk-media-item.selected{border-color:#667eea;box-shadow:0 0 0 4px #667eea4d;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:22px;width:22px}.bulk-media-preview{height:100%;object-fit:cover;width:100%}.bulk-media-video{align-items:center;background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:15px;text-align:center;width:100%}.bulk-media-video .video-icon{font-size:40px;margin-bottom:8px}.bulk-media-video .video-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:11px;max-height:36px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.bulk-media-number{background:#000c;border-radius:50%;bottom:8px;font-size:12px;font-weight:700;height:28px;justify-content:center;position:absolute;right:8px;width:28px;z-index:1}.btn-bulk-watermark,.bulk-media-number{align-items:center;color:#fff;display:flex}.btn-bulk-watermark{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;font-size:13px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.btn-bulk-watermark:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-bulk-watermark:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.btn-bulk-watermark .watermark-count{background:#ffffff40;border-radius:12px;font-size:11px;font-weight:700;padding:3px 10px}.btn-clear-watermark{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#f87171;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:10px 14px;transition:all .2s ease}.btn-clear-watermark:hover{background:#ef444440;border-color:#ef444480}.watermark-info-bar{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 18px}.watermark-info-bar .info-left{align-items:center;display:flex;gap:14px}.watermark-info-bar .info-logo{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:10px;height:40px;object-fit:contain;padding:6px;width:40px}.watermark-info-bar .info-text{color:#b8c5d6;font-size:13px;line-height:1.5}.watermark-info-bar .info-text strong{color:#fff;font-weight:600}.watermark-info-bar .btn-edit-watermark{background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 14px;transition:all .2s ease}.watermark-info-bar .btn-edit-watermark:hover{background:#ffffff26}.bulk-media-item .watermark-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 2px 10px #0006;color:#fff;display:flex;font-size:10px;font-weight:600;gap:4px;padding:4px 10px;position:absolute;right:8px;top:8px;z-index:10}.save-settings-bar{align-items:center;background:linear-gradient(135deg,#f59e0b26,#d9770626);border-bottom:1px solid #f59e0b4d;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:#fbbf24;font-size:13px;font-style:italic}.saved-settings-notification{animation:slideDown .3s ease;background:#1e1e2f;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 15px 50px #00000080;left:50%;min-width:420px;padding:20px 24px;position:fixed;top:20px;transform:translateX(-50%);z-index:2000}.notification-content{align-items:center;display:flex;gap:12px}.notification-icon{font-size:28px}.notification-content span:not(.notification-icon){color:#e2e8f0;flex:1 1;font-weight:500}.btn-load-settings{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-load-settings:hover{box-shadow:0 4px 12px #10b98166;transform:scale(1.05)}.btn-dismiss{background:#ffffff1a;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-dismiss:hover{background:#ffffff26;color:#fff}.btn-clear-settings{background:#ef444426;border:none;border-radius:8px;color:#f87171;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.btn-clear-settings:hover{background:#ef444440}.bulk-count-badge{animation:pulse 2s infinite;border-radius:20px;color:#fff;font-size:13px;font-weight:600;margin-left:10px;padding:4px 14px}.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,#10b98126,#05966926);border:1px solid #10b9814d;border-radius:10px;color:#34d399;font-size:14px;font-weight:600;gap:8px;padding:10px 18px}.bulk-media-grid::-webkit-scrollbar{width:8px}.bulk-media-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.bulk-media-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.bulk-media-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.bulk-mode-header{flex-direction:column;gap:12px;padding:14px}.bulk-selection-info{justify-content:space-between;width:100%}.bulk-media-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:350px;padding:12px}.saved-settings-notification{min-width:90%;padding:16px}.notification-content{flex-wrap:wrap;gap:10px}.notification-content button{flex:1 1;min-width:80px}.watermark-info-bar{gap:12px;text-align:center}.watermark-info-bar,.watermark-info-bar .info-left{flex-direction:column}.btn-bulk-watermark{justify-content:center;width:100%}}@media (max-width:480px){.bulk-media-grid{gap:8px;grid-template-columns:repeat(3,1fr);padding:10px}.bulk-media-checkbox input[type=checkbox]{height:18px;width:18px}.bulk-media-number{font-size:10px;height:22px;width:22px}.bulk-media-video .video-icon{font-size:28px}.bulk-media-video .video-name{font-size:9px}.save-settings-bar{flex-direction:column;gap:10px;text-align:center}.bulk-mode-header{padding:12px}.btn-bulk-watermark{font-size:12px;padding:8px 14px}.watermark-info-bar .info-text{font-size:12px}}.bulk-media-item{animation:fadeInScale .3s ease}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.bulk-media-item:first-child{animation-delay:.02s}.bulk-media-item:nth-child(2){animation-delay:.04s}.bulk-media-item:nth-child(3){animation-delay:.06s}.bulk-media-item:nth-child(4){animation-delay:.08s}.bulk-media-item:nth-child(5){animation-delay:.1s}.bulk-media-item:nth-child(6){animation-delay:.12s}.bulk-media-item:nth-child(7){animation-delay:.14s}.bulk-media-item:nth-child(8){animation-delay:.16s}.bulk-media-item:nth-child(9){animation-delay:.18s}.bulk-media-item:nth-child(10){animation-delay:.2s}.watermark-action-group{align-items:center;display:flex;gap:10px}.bulk-media-item.video-item:after{color:#ffffffe6;content:"▶";font-size:24px;left:50%;pointer-events:none;position:absolute;text-shadow:0 2px 10px #00000080;top:50%;transform:translate(-50%,-50%);z-index:1}.content-modal-container .bulk-mode-header{background:linear-gradient(135deg,#667eea1f,#764ba21f)}.content-modal-container .bulk-selection-info span{color:#a5b4fc}.content-modal-container .btn-select-all{background:#ffffff1a;border-color:#667eea;color:#a5b4fc}.content-modal-container .btn-select-all:hover{background:#667eea;color:#fff}.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}}.bvw-modal-overlay{align-items:center;animation:bvw-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:10000}@keyframes bvw-fadeIn{0%{opacity:0}to{opacity:1}}.bvw-modal-container{animation:bvw-slideUp .3s ease;background:linear-gradient(180deg,#1e1e2e,#181825);border-radius:20px;box-shadow:0 0 0 1px #ffffff1a,0 25px 50px -12px #0009,0 0 100px #667eea1a;display:flex;flex-direction:column;max-height:85vh;max-width:1100px;overflow:hidden;width:100%}@keyframes bvw-slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.bvw-modal-header{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:20px 24px}.bvw-header-title{align-items:center;display:flex;gap:12px}.bvw-header-icon{font-size:24px}.bvw-header-title h3{color:#cdd6f4;font-size:1.25rem;font-weight:600;margin:0}.bvw-video-count{background:linear-gradient(135deg,#89b4fa,#b4befe);border-radius:20px;color:#1e1e2e;font-size:12px;font-weight:600;padding:4px 12px}.bvw-close-btn{align-items:center;background:#ffffff0d;border:none;border-radius:10px;color:#a6adc8;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.bvw-close-btn:hover{background:#f38ba833;color:#f38ba8}.bvw-modal-content{display:grid;flex:1 1;grid-template-columns:240px 1fr 280px;min-height:400px;overflow:hidden}.bvw-video-list-panel{border-right:1px solid #ffffff0f;display:flex;flex-direction:column;overflow:hidden}.bvw-panel-title{align-items:center;border-bottom:1px solid #ffffff0f;color:#a6adc8;display:flex;font-size:13px;font-weight:600;gap:8px;padding:16px}.bvw-video-list{flex:1 1;overflow-y:auto;padding:8px}.bvw-video-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:10px;margin-bottom:4px;padding:8px;transition:all .2s}.bvw-video-item:hover{background:#ffffff0d}.bvw-video-item.active{background:#89b4fa26;border:1px solid #89b4fa4d}.bvw-video-thumb{background:#000;border-radius:8px;flex-shrink:0;height:48px;overflow:hidden;position:relative;width:48px}.bvw-video-thumb video{height:100%;object-fit:cover;width:100%}.bvw-thumb-overlay{align-items:center;background:#0006;color:#fff;display:flex;font-size:14px;inset:0;justify-content:center;position:absolute}.bvw-video-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.bvw-video-title{color:#cdd6f4;font-size:12px}.bvw-video-meta,.bvw-video-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bvw-video-index,.bvw-video-meta{color:#6c7086;font-size:10px}.bvw-video-index{background:#ffffff0d;border-radius:4px;padding:2px 6px}.bvw-preview-panel{background:#0003;display:flex;flex-direction:column;padding:20px}.bvw-preview-title{color:#a6adc8;font-size:13px;font-weight:600;margin-bottom:16px}.bvw-preview-container{align-items:center;background:#000;border-radius:12px;display:flex;flex:1 1;justify-content:center;overflow:hidden}.bvw-preview-wrapper{max-height:100%;max-width:100%;position:relative}.bvw-preview-video{border-radius:8px;max-height:320px;max-width:100%}.bvw-preview-info{color:#a6adc8;font-size:13px;margin-top:12px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.bvw-logo-overlay{pointer-events:none;position:absolute;transition:all .3s ease;z-index:10}.bvw-logo-overlay img{border-radius:4px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));width:auto}.bvw-pos-top-left{left:12px;top:12px}.bvw-pos-top-center{left:50%;top:12px;transform:translateX(-50%)}.bvw-pos-top-right{right:12px;top:12px}.bvw-pos-center-left{left:12px;top:50%;transform:translateY(-50%)}.bvw-pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}.bvw-pos-center-right{right:12px;top:50%;transform:translateY(-50%)}.bvw-pos-bottom-left{bottom:52px;left:12px}.bvw-pos-bottom-center{bottom:52px;left:50%;transform:translateX(-50%)}.bvw-pos-bottom-right{bottom:52px;right:12px}.bvw-settings-panel{border-left:1px solid #ffffff0f;gap:20px;overflow-y:auto;padding:20px}.bvw-section,.bvw-settings-panel{display:flex;flex-direction:column}.bvw-section{gap:12px}.bvw-section-header{align-items:center;color:#cdd6f4;display:flex;font-size:13px;font-weight:500;gap:8px}.bvw-section-header span:first-child{font-size:14px}.bvw-section-value{color:#89b4fa;font-family:Monaco,Menlo,monospace;font-size:12px;margin-left:auto}.bvw-logo-dropzone{align-items:center;background:#89b4fa0d;border:2px dashed #89b4fa4d;border-radius:12px;color:#a6adc8;cursor:pointer;display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;padding:24px;transition:all .2s}.bvw-logo-dropzone:hover{background:#89b4fa1a;border-color:#89b4fa80}.bvw-dropzone-icon{background:#89b4fa1a;border-radius:10px;color:#89b4fa;font-size:24px;height:40px;width:40px}.bvw-dropzone-icon,.bvw-logo-preview{align-items:center;display:flex;justify-content:center}.bvw-logo-preview{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px;position:relative}.bvw-logo-preview img{border-radius:6px;max-height:60px;max-width:100%;object-fit:contain}.bvw-logo-remove{align-items:center;background:#f38ba833;border:none;border-radius:6px;color:#f38ba8;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:6px;top:6px;transition:all .2s;width:24px}.bvw-logo-remove:hover{background:#f38ba84d}.bvw-position-grid{grid-gap:6px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);padding:12px}.bvw-position-btn{align-items:center;aspect-ratio:1;background:#ffffff08;border:2px solid #ffffff1a;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:0;transition:all .2s}.bvw-position-btn:hover{background:#89b4fa1a;border-color:#89b4fa66}.bvw-position-btn.active{background:#89b4fa33;border-color:#89b4fa}.bvw-position-dot{background:#ffffff4d;border-radius:50%;height:6px;transition:all .2s;width:6px}.bvw-position-btn:hover .bvw-position-dot{background:#89b4fa99}.bvw-position-btn.active .bvw-position-dot{background:#89b4fa;box-shadow:0 0 8px #89b4fa99}.bvw-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;height:6px;outline:none;width:100%}.bvw-slider::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(135deg,#89b4fa,#b4befe);border-radius:50%;box-shadow:0 2px 8px #89b4fa66;cursor:pointer;height:16px;-webkit-transition:transform .2s;transition:transform .2s;width:16px}.bvw-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.bvw-slider::-moz-range-thumb{background:linear-gradient(135deg,#89b4fa,#b4befe);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.bvw-processing-panel{align-items:center;display:flex;flex-direction:column;gap:24px;grid-column:1/-1;justify-content:center;padding:40px}.bvw-processing-header{text-align:center}.bvw-processing-spinner{animation:bvw-spin 1s linear infinite;border:4px solid #89b4fa33;border-radius:50%;border-top-color:#89b4fa;height:50px;margin:0 auto 16px;width:50px}@keyframes bvw-spin{to{transform:rotate(1turn)}}.bvw-processing-header h3{color:#cdd6f4;font-size:1.25rem;margin:0 0 8px}.bvw-processing-header p{color:#a6adc8;font-size:14px;margin:0}.bvw-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;max-width:400px;overflow:hidden;width:100%}.bvw-progress-fill{background:linear-gradient(135deg,#89b4fa,#b4befe);height:100%;transition:width .3s ease}.bvw-current-item{color:#a6adc8;font-size:13px}.bvw-current-item strong{color:#cdd6f4}.bvw-results-list{display:flex;flex-direction:column;gap:8px;max-height:200px;max-width:500px;overflow-y:auto;width:100%}.bvw-result-item{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:10px;padding:10px 14px}.bvw-result-item.success{background:#a6e3a11a;border:1px solid #a6e3a133}.bvw-result-item.error{background:#f38ba81a;border:1px solid #f38ba833}.bvw-result-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:11px;height:20px;justify-content:center;width:20px}.bvw-result-item.success .bvw-result-icon{background:#a6e3a133;color:#a6e3a1}.bvw-result-item.error .bvw-result-icon{background:#f38ba833;color:#f38ba8}.bvw-result-title{color:#cdd6f4;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bvw-result-message{color:#6c7086;font-size:12px}.bvw-modal-footer{background:#0003;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.bvw-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.bvw-btn-secondary{background:#ffffff0d;border:1px solid #ffffff1a;color:#a6adc8}.bvw-btn-secondary:hover{background:#ffffff1a;color:#cdd6f4}.bvw-btn-primary{background:linear-gradient(135deg,#89b4fa,#b4befe);color:#1e1e2e}.bvw-btn-primary:hover:not(:disabled){box-shadow:0 4px 20px #89b4fa66;transform:translateY(-2px)}.bvw-btn-primary:disabled{cursor:not-allowed;opacity:.5}@media (max-width:900px){.bvw-modal-content{grid-template-columns:1fr;grid-template-rows:auto auto auto}.bvw-video-list-panel{border-bottom:1px solid #ffffff0f;border-right:none;max-height:150px}.bvw-video-list{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:8px}.bvw-video-item{flex-direction:column;flex-shrink:0;margin-bottom:0;text-align:center;width:120px}.bvw-preview-panel{border-left:none}.bvw-settings-panel{border-left:none;border-top:1px solid #ffffff0f}}.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;min-height:220px;overflow:hidden;padding:24px 20px 80px;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-action-buttons{animation:ct-buttonsIn .3s cubic-bezier(.68,-.55,.265,1.55);bottom:16px;display:flex;gap:8px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:calc(100% - 40px);z-index:10}@keyframes ct-buttonsIn{0%{opacity:0;transform:translateX(-50%) scale(0) translateY(10px)}50%{transform:translateX(-50%) scale(1.05) translateY(0)}to{opacity:1;transform:translateX(-50%) scale(1)}}.ct-platform-add-btn,.ct-platform-refresh-btn{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;max-width:110px;overflow:hidden;padding:8px 16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.ct-platform-refresh-btn:hover{background:#fff;border-color:#10b981;box-shadow:0 4px 6px -1px #10b9811a,0 2px 4px -1px #10b9810f;color:#10b981;transform:translateY(-1px)}.ct-platform-add-btn:hover{background:#fff;border-color:#6366f1;box-shadow:0 4px 6px -1px #6366f11a,0 2px 4px -1px #6366f10f;color:#6366f1;transform:translateY(-1px)}.ct-platform-add-btn:active,.ct-platform-refresh-btn:active{background:#f3f4f6;box-shadow:inset 0 2px 4px 0 #0000000f;transform:translateY(0)}.ct-btn-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-height:18px;min-width:18px}.ct-btn-icon svg{display:block;height:18px;width:18px}.ct-platform-refresh-btn:hover .ct-btn-icon svg{animation:ct-rotate .6s ease}@keyframes ct-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ct-platform-add-btn:hover .ct-btn-icon svg{animation:ct-scaleUp .3s ease}@keyframes ct-scaleUp{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.ct-btn-text{font-size:13px;font-weight:500;letter-spacing:.025em;line-height:1}.ct-platform-add-btn:focus-visible,.ct-platform-refresh-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.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}.ct-platform-action-buttons{gap:6px}.ct-platform-add-btn,.ct-platform-refresh-btn{align-items:center;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;max-width:120px;min-height:36px;overflow:hidden;padding:10px 18px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.ct-btn-icon{height:16px;width:16px}.ct-btn-text{font-size:11px}}@media (max-width:480px){.ct-platform-selector-grid{grid-template-columns:1fr}.ct-platform-action-buttons{gap:4px;width:calc(100% - 32px)}.ct-btn-text{display:none}.ct-platform-add-btn,.ct-platform-refresh-btn{flex:none;height:36px;padding:0;width:36px}}.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;text-align:center}.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)}}.cfm-modal-backdrop{align-items:center;animation:cfm-fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes cfm-fadeIn{0%{opacity:0}to{opacity:1}}.cfm-modal-container{animation:cfm-slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:95%}@keyframes cfm-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cfm-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.cfm-modal-header h2{align-items:center;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.cfm-header-icon{font-size:22px}.cfm-channel-name{font-size:14px;font-weight:400;opacity:.9}.cfm-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 .2s ease;width:32px}.cfm-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.cfm-modal-body{flex:1 1;overflow-y:auto;padding:20px 24px}.cfm-section{margin-bottom:24px}.cfm-section-title{align-items:center;border-bottom:2px solid #f0f0f0;color:#333;display:flex;font-size:15px;font-weight:600;gap:8px;margin:0 0 12px;padding-bottom:8px}.cfm-count-badge{background:#667eea;border-radius:10px;color:#fff;font-size:11px;margin-left:auto;padding:2px 8px}.cfm-loading{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:40px}.cfm-spinner{animation:cfm-spin .8s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}@keyframes cfm-spin{to{transform:rotate(1turn)}}.cfm-empty{background:#f9f9f9;border:2px dashed #e0e0e0;border-radius:12px;padding:40px 20px;text-align:center}.cfm-empty-icon{display:block;font-size:48px;margin-bottom:12px;opacity:.5}.cfm-empty p{color:#666;font-weight:500;margin:0 0 4px}.cfm-empty small{color:#999;font-size:13px}.cfm-forwards-list{display:flex;flex-direction:column;gap:12px}.cfm-forward-item{background:#f9f9f9;border:2px solid #e8e8e8;border-radius:12px;padding:14px;transition:all .2s ease}.cfm-forward-item.active{background:linear-gradient(135deg,#f0fdf4,#f9f9f9);border-color:#10b981}.cfm-forward-item.inactive{border-color:#e0e0e0;opacity:.85}.cfm-forward-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.cfm-forward-info{display:flex;flex-direction:column;gap:2px}.cfm-forward-username{color:#333;font-size:14px;font-weight:600}.cfm-forward-title{color:#666;font-size:12px}.cfm-forward-status{flex-shrink:0}.cfm-status-badge{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.cfm-status-badge.active{background:#dcfce7;color:#16a34a}.cfm-status-badge.inactive{background:#fee2e2;color:#dc2626}.cfm-forward-details{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.cfm-mode-badge{border-radius:6px;font-size:11px;font-weight:500;padding:3px 8px}.cfm-mode-badge.copy{background:#dbeafe;color:#2563eb}.cfm-mode-badge.forward{background:#fef3c7;color:#d97706}.cfm-forward-filters{display:flex;gap:4px}.cfm-filter-tag{background:#f0f0f0;border-radius:4px;font-size:14px;padding:2px 4px}.cfm-forward-stats{margin-left:auto}.cfm-stat{color:#666;font-size:12px}.cfm-forward-actions{border-top:1px solid #e8e8e8;display:flex;gap:8px;padding-top:10px}.cfm-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:6px 12px;transition:all .2s ease}.cfm-action-btn:disabled{cursor:not-allowed;opacity:.5}.cfm-mode-toggle{background:#f0f0f0;color:#666}.cfm-mode-toggle:hover:not(:disabled){background:#e0e0e0}.cfm-start-btn{background:#dcfce7;color:#16a34a}.cfm-start-btn:hover:not(:disabled){background:#bbf7d0}.cfm-stop-btn{background:#fef3c7;color:#d97706}.cfm-stop-btn:hover:not(:disabled){background:#fde68a}.cfm-delete-btn{background:#fee2e2;color:#dc2626;margin-left:auto}.cfm-delete-btn:hover:not(:disabled){background:#fecaca}.cfm-add-section{background:linear-gradient(135deg,#f5f7fa,#f0f0f0);border:2px solid #e8e8e8;border-radius:12px;padding:20px}.cfm-add-form{gap:16px}.cfm-add-form,.cfm-input-group{display:flex;flex-direction:column}.cfm-input-group{gap:8px}.cfm-input-group label{color:#444;font-size:13px;font-weight:600}.cfm-input-row{display:flex;gap:10px}.cfm-input-wrapper{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;display:flex;flex:1 1;overflow:hidden;transition:all .2s ease}.cfm-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cfm-input-prefix{align-items:center;background:#f5f5f5;border-right:1px solid #e0e0e0;color:#666;display:flex;font-weight:500;height:42px;padding:0 12px}.cfm-input{border:none;flex:1 1;font-size:14px;outline:none;padding:12px}.cfm-validate-btn{align-items:center;background:#667eea;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.cfm-validate-btn:hover:not(:disabled){background:#5a6fd6;transform:translateY(-1px)}.cfm-validate-btn:disabled{cursor:not-allowed;opacity:.6}.cfm-btn-spinner{animation:cfm-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}.cfm-validation-result{align-items:center;border-radius:8px;display:flex;font-size:13px;gap:10px;padding:10px 14px}.cfm-validation-result.valid{background:#dcfce7;color:#16a34a}.cfm-validation-result.invalid{background:#fee2e2;color:#dc2626}.cfm-invalid-icon,.cfm-valid-icon{font-size:16px}.cfm-valid-info{display:flex;flex-direction:column;gap:2px}.cfm-valid-info strong{font-size:14px}.cfm-participant-count{font-size:12px;opacity:.8}.cfm-mode-selector{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.cfm-mode-option{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px;transition:all .2s ease}.cfm-mode-option:hover{border-color:#667eea}.cfm-mode-option.selected{background:linear-gradient(135deg,#667eea10,#764ba210);border-color:#667eea}.cfm-mode-icon{font-size:24px}.cfm-mode-label{color:#333;font-size:13px;font-weight:600}.cfm-mode-desc{color:#666;font-size:11px;text-align:center}.cfm-content-types{display:flex;flex-wrap:wrap;gap:10px}.cfm-checkbox{align-items:center;cursor:pointer;display:flex;gap:6px}.cfm-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.cfm-checkbox-label{color:#444;font-size:13px}.cfm-add-btn{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:15px;font-weight:600;gap:8px;justify-content:center;padding:14px;transition:all .2s ease;width:100%}.cfm-add-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.cfm-add-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cfm-info-box{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:10px;display:flex;gap:12px;margin-top:16px;padding:14px}.cfm-info-icon{flex-shrink:0;font-size:20px}.cfm-info-content{color:#0369a1;font-size:13px}.cfm-info-content p{margin:0 0 8px}.cfm-info-content ul{margin:0;padding-left:18px}.cfm-info-content li{margin:4px 0}.cfm-modal-footer{background:#f9f9f9;border-top:1px solid #e8e8e8;display:flex;justify-content:flex-end;padding:16px 24px}.cfm-close-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.cfm-close-btn:hover{background:#e5e5e5;color:#333}.cfm-modal-body::-webkit-scrollbar{width:6px}.cfm-modal-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.cfm-modal-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.cfm-modal-body::-webkit-scrollbar-thumb:hover{background:#aaa}@media (max-width:768px){.cfm-modal-container{margin:10px;max-height:95vh;width:98%}.cfm-modal-header{padding:16px 18px}.cfm-modal-header h2{font-size:16px}.cfm-channel-name{display:none}.cfm-modal-body{padding:16px 18px}.cfm-input-row{flex-direction:column}.cfm-validate-btn{justify-content:center;width:100%}.cfm-mode-selector{grid-template-columns:1fr}.cfm-content-types,.cfm-forward-details{flex-direction:column}.cfm-forward-details{align-items:flex-start}.cfm-forward-stats{margin-left:0}}.instagram-channels-container{min-height:400px;padding:20px;position:relative}.instagram-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:60px 20px}.spinner-large{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#e4405f;height:50px;width:50px}.instagram-empty-state,.instagram-no-profile{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.instagram-empty-state{background:linear-gradient(135deg,#833ab40d,#e4405f0d);border:2px dashed #e4405f30;border-radius:12px}.instagram-empty-icon{color:#e4405f;margin-bottom:20px;opacity:.8}.instagram-empty-state h3{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.instagram-empty-state p{color:#666;font-size:14px;margin:0 0 20px}.instagram-info-box{align-items:center;background:#fff8e1;border-radius:8px;color:#f57c00;display:flex;font-size:13px;gap:8px;margin-bottom:20px;padding:10px 15px}.instagram-info-box .info-icon{fill:#f57c00;flex-shrink:0}.instagram-connect-btn-large{background:linear-gradient(45deg,#833ab4,#e4405f,#fcaf45);border:none;border-radius:50px;box-shadow:0 4px 15px #e4405f4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s ease}.instagram-connect-btn-large:hover:not(:disabled){box-shadow:0 6px 20px #e4405f66;transform:translateY(-2px)}.instagram-connect-btn-large:disabled{cursor:not-allowed;opacity:.7}.instagram-accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.instagram-account-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px;transition:all .3s ease}.instagram-account-card:hover{box-shadow:0 8px 24px #e4405f1a;transform:translateY(-2px)}.instagram-account-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.instagram-account-info{align-items:center;display:flex;gap:12px}.instagram-account-avatar{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#833ab4,#e4405f,#fcaf45) border-box;border:2px solid #0000;border-radius:50%;height:50px;object-fit:cover;width:50px}.instagram-account-avatar-placeholder{align-items:center;background:linear-gradient(45deg,#833ab4,#e4405f);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:50px;justify-content:center;width:50px}.instagram-account-details h4{color:#333;font-size:16px;font-weight:600;margin:0}.instagram-account-username{color:#666;font-size:14px}.instagram-account-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 10px}.instagram-account-status.active{background:#e8f5e9;color:#2e7d32}.instagram-account-status.inactive{background:#ffebee;color:#c62828}.instagram-account-stats{align-items:center;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;gap:20px;margin:15px 0;padding:15px 0}.stat-item{display:flex;flex-direction:column}.stat-value{font-weight:600}.stat-label{color:#999;text-transform:uppercase}.account-type-badge{background:linear-gradient(45deg,#833ab4,#e4405f);border-radius:20px;color:#fff;font-size:12px;font-weight:500;margin-left:auto;padding:4px 12px}.instagram-account-footer{display:flex;gap:10px;margin-top:15px}.instagram-disconnect-btn{background:#fff;border:1px solid #e4405f;border-radius:8px;color:#e4405f;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease}.instagram-disconnect-btn:hover{background:#e4405f;color:#fff}@media (max-width:768px){.instagram-accounts-grid{grid-template-columns:1fr}.instagram-account-stats{align-items:flex-start;flex-direction:column;gap:10px}.account-type-badge{margin-left:0;margin-top:10px}}.custom-emoji-overlay{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:20000}.custom-emoji-picker{animation:emojiModalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 12px 48px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:92vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:650px;z-index:20001}.custom-emoji-close{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:36px;z-index:20002}.custom-emoji-close:hover{background:#000000e6;transform:scale(1.1) rotate(90deg)}.custom-emoji-header{background:linear-gradient(135deg,#f7f9fa,#fff);border-bottom:2px solid #eff3f4;padding:20px 20px 15px}.custom-emoji-header h3{color:#0f1419;font-size:20px;font-weight:700;margin:0 0 15px}.custom-emoji-search{align-items:center;display:flex;position:relative}.search-icon{font-size:18px;left:16px;pointer-events:none;position:absolute}.custom-emoji-search-input{border:2px solid #e1e8ed;border-radius:28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;outline:none;padding:12px 45px;transition:all .3s;width:100%}.custom-emoji-search-input:focus{border-color:#1d9bf0;box-shadow:0 4px 16px #1d9bf033}.clear-search{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:12px;transition:all .2s;width:24px}.clear-search:hover{background:#000c;transform:scale(1.1)}.custom-emoji-categories{background:#fff;border-bottom:1px solid #eff3f4;display:flex;gap:8px;overflow-x:auto;padding:15px 20px}.custom-emoji-categories::-webkit-scrollbar{height:6px}.custom-emoji-categories::-webkit-scrollbar-track{background:#f1f3f4}.custom-emoji-categories::-webkit-scrollbar-thumb{background:#cfd9de;border-radius:3px}.category-btn{background:#fff;border:2px solid #e1e8ed;border-radius:20px;color:#536471;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s;white-space:nowrap}.category-btn:hover{background:#e8f5fe;border-color:#1d9bf0;color:#1d9bf0}.category-btn.active{background:linear-gradient(135deg,#1d9bf0,#0c7abf);border-color:#1d9bf0;color:#fff}.custom-emoji-grid{grid-gap:8px;align-content:start;display:grid;flex:1 1;gap:8px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));overflow-y:auto;padding:20px}.custom-emoji-grid::-webkit-scrollbar{width:10px}.custom-emoji-grid::-webkit-scrollbar-track{background:#f1f3f4;border-radius:10px}.custom-emoji-grid::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1d9bf0,#0c7abf);border:2px solid #f1f3f4;border-radius:10px}.custom-emoji-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a8cd8,#0a6aa8)}.result-count{background:#f7f9fa;border-radius:12px;color:#536471;font-size:14px;font-weight:600;grid-column:1/-1;margin-bottom:10px;padding:10px;text-align:center}.emoji-btn{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e1e8ed;border-radius:14px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;font-size:36px;justify-content:center;padding:10px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.emoji-btn:hover{background:linear-gradient(135deg,#e8f5fe,#d6ecfc);border-color:#1d9bf0;box-shadow:0 6px 20px #1d9bf04d;transform:scale(1.2) rotate(5deg);z-index:10}.emoji-btn:active{transform:scale(1.05)}.no-results{grid-column:1/-1;padding:60px 20px;text-align:center}.no-results-icon{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px}.no-results-text{color:#0f1419;font-size:18px;font-weight:600;margin-bottom:8px}.no-results-hint{color:#536471;font-size:14px}@media (max-width:768px){.custom-emoji-picker{max-height:85vh;width:90vw}.custom-emoji-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(45px,1fr));padding:15px}.emoji-btn{font-size:32px;padding:8px}.category-btn{font-size:12px;padding:6px 12px}}@media (max-width:480px){.custom-emoji-picker{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.custom-emoji-header h3{font-size:18px}.custom-emoji-search-input{font-size:14px;padding:10px 40px}.custom-emoji-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));padding:12px}.emoji-btn{font-size:28px;padding:6px}.custom-emoji-close{font-size:22px;height:40px;width:40px}}.x-tweet-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.x-tweet-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:95%}.x-tweet-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eff3f4;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.x-tweet-modal-account{align-items:center;display:flex;gap:12px}.x-tweet-modal-avatar{border:3px solid #ffffff4d;border-radius:50%;height:48px;object-fit:cover;width:48px}.x-tweet-modal-account h3{color:#fff;font-size:17px;font-weight:700;margin:0}.x-tweet-modal-username{color:#ffffffd9;display:block;font-size:14px;margin-top:2px}.x-tweet-modal-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;transition:all .2s;width:40px}.x-tweet-modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.x-tweet-modal-body{background:#f7f9fa;flex:1 1;min-height:400px;overflow-y:auto;padding:28px;position:relative}.x-tweet-modal-body::-webkit-scrollbar{width:8px}.x-tweet-modal-body::-webkit-scrollbar-track{background:#f1f1f1}.x-tweet-modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.x-tweet-modal-body::-webkit-scrollbar-thumb:hover{background:#555}.x-tweet-textarea{background:#fff;border:2px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#0f1419;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;line-height:26px;min-height:160px;outline:none;padding:18px;resize:none;transition:all .2s;width:100%}.x-tweet-textarea:focus{border-color:#1d9bf0;box-shadow:0 4px 12px #1d9bf026}.x-tweet-textarea::placeholder{color:#8899a6}.x-tweet-media-preview{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:16px}.x-tweet-media-item{aspect-ratio:16/9;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;transition:all .2s}.x-tweet-media-item:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.x-tweet-media-item img,.x-tweet-media-item video{height:100%;object-fit:cover;width:100%}.x-tweet-media-remove{align-items:center;background:#f4212ee6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s;width:32px}.x-tweet-media-item:hover .x-tweet-media-remove{opacity:1}.x-tweet-media-remove:hover{background:#f4212e;transform:scale(1.1)}.x-tweet-char-counter{align-items:center;background:#fff;border-radius:20px;bottom:24px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:8px 12px;position:absolute;right:24px}.x-tweet-char-counter span{color:#536471;font-size:14px;font-weight:700;min-width:20px;text-align:center}.x-tweet-char-negative{animation:pulse .5s ease-in-out infinite;color:#f4212e!important}.x-tweet-modal-footer{align-items:center;background:#fff;border-top:1px solid #eff3f4;display:flex;justify-content:space-between;padding:20px 28px}.x-tweet-actions{gap:12px}.x-tweet-action-btn,.x-tweet-actions{align-items:center;display:flex;position:relative}.x-tweet-action-btn{background:none;border:none;border-radius:50%;color:#1d9bf0;cursor:pointer;font-size:24px;height:44px;justify-content:center;transition:all .2s;width:44px}.x-tweet-action-btn:hover:not(:disabled){background:#1d9bf01a;transform:scale(1.1)}.x-tweet-action-btn:disabled{cursor:not-allowed;opacity:.4}.x-tweet-action-btn:disabled:hover{background:none;transform:none}.x-emoji-picker-wrapper{position:relative}.x-emoji-picker-overlay{animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:15000}.x-emoji-picker-container{animation:emojiModalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 12px 48px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:92vw;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:580px;z-index:15001}@keyframes emojiModalSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.x-emoji-picker-close{align-items:center;background:#000000b3;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:300;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:36px;z-index:15002}.x-emoji-picker-close:hover{background:#000000e6;transform:scale(1.1) rotate(90deg)}.x-emoji-picker-close:active{transform:scale(.95)}.x-turkish-emoji-search{background:linear-gradient(135deg,#f7f9fa,#fff);border-bottom:2px solid #eff3f4;flex-shrink:0;padding:20px}.x-turkish-search-input{background:#fff;border:2px solid #e1e8ed;border-radius:28px;box-shadow:0 2px 8px #0000000d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;outline:none;padding:14px 20px;transition:all .3s;width:100%}.x-turkish-search-input:focus{border-color:#1d9bf0;box-shadow:0 4px 16px #1d9bf033;transform:translateY(-1px)}.x-turkish-search-input::placeholder{color:#8899a6}.x-turkish-search-results{grid-gap:10px;background:#f7f9fa;border-radius:16px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));margin-top:16px;max-height:480px;overflow-y:auto;padding:12px}.x-turkish-search-results::-webkit-scrollbar{width:10px}.x-turkish-search-results::-webkit-scrollbar-track{background:#eff3f4;border-radius:10px}.x-turkish-search-results::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1d9bf0,#0c7abf);border:2px solid #eff3f4;border-radius:10px}.x-turkish-search-results::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1a8cd8,#0a6aa8)}.x-emoji-result-btn{align-items:center;aspect-ratio:1;background:#fff;border:2px solid #e1e8ed;border-radius:14px;box-shadow:0 2px 6px #00000014;cursor:pointer;display:flex;font-size:36px;justify-content:center;padding:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.x-emoji-result-btn:hover{background:linear-gradient(135deg,#e8f5fe,#d6ecfc);border-color:#1d9bf0;box-shadow:0 6px 16px #1d9bf04d;transform:scale(1.15) rotate(5deg);z-index:10}.x-emoji-result-btn:active{box-shadow:0 2px 6px #0000001a;transform:scale(.95)}.x-no-results{color:#536471;font-size:16px;padding:60px 20px;text-align:center}.x-no-results>div:first-child{animation:float 3s ease-in-out infinite;font-size:64px;margin-bottom:16px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.x-standard-emoji-picker{background:#fff;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.x-standard-emoji-picker .EmojiPickerReact{--epr-emoji-size:38px;--epr-bg-color:#fff;--epr-category-label-bg-color:#f7f9fa;--epr-hover-bg-color:#e8f5fe;--epr-search-input-bg-color:#f7f9fa;--epr-search-border-color:#e1e8ed;--epr-highlight-color:#1d9bf0;border:none!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;height:520px!important;width:100%!important}.x-standard-emoji-picker .epr-main{height:520px!important}.x-standard-emoji-picker .epr-emoji-category-label{color:#0f1419;font-size:14px;font-weight:700;padding:8px 12px}.x-standard-emoji-picker .epr-search-container input{border-radius:20px;font-size:15px;padding:10px 16px}.x-tweet-send-btn{align-items:center;background:linear-gradient(135deg,#1d9bf0,#0c7abf);border:none;border-radius:21px;box-shadow:0 2px 8px #1d9bf04d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;height:42px;justify-content:center;min-width:120px;padding:0 28px;transition:all .2s}.x-tweet-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a8cd8,#0a6aa8);box-shadow:0 4px 12px #1d9bf066;transform:translateY(-2px)}.x-tweet-send-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none!important}@media (max-width:768px){.x-tweet-modal{border-radius:16px;max-height:90vh;width:95%}.x-tweet-modal-header{padding:16px 20px}.x-tweet-modal-body{padding:20px}.x-tweet-textarea{font-size:16px;min-height:120px;padding:14px}.x-tweet-media-preview{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.x-tweet-char-counter{bottom:20px;right:20px}.x-emoji-picker-container{max-height:85vh;width:90vw}.x-turkish-search-results{grid-template-columns:repeat(auto-fill,minmax(45px,1fr));max-height:380px}.x-emoji-result-btn{font-size:32px;padding:10px}.x-standard-emoji-picker .EmojiPickerReact{--epr-emoji-size:34px;height:420px!important}.x-standard-emoji-picker .epr-main{height:420px!important}}@media (max-width:480px){.x-tweet-modal{border-radius:0;max-height:100vh;width:100%}.x-tweet-modal-footer{flex-direction:column-reverse;gap:12px;padding:16px}.x-tweet-send-btn{width:100%}.x-tweet-actions{justify-content:center;width:100%}.x-emoji-picker-container{border-radius:0;height:100vh;max-height:100vh;max-width:100vw;width:100vw}.x-turkish-emoji-search{padding:16px}.x-turkish-search-input{font-size:15px;padding:12px 16px}.x-turkish-search-results{gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:calc(100vh - 280px)}.x-emoji-result-btn{font-size:28px;padding:8px}.x-standard-emoji-picker .EmojiPickerReact{--epr-emoji-size:30px;height:calc(100vh - 80px)!important}.x-standard-emoji-picker .epr-main{height:calc(100vh - 80px)!important}.x-emoji-picker-close{font-size:22px;height:40px;width:40px}}.x-format-menu-wrapper{position:relative}.x-format-menu{animation:formatMenuSlideUp .2s ease-out;background:#fff;border-radius:12px;bottom:calc(100% + 12px);box-shadow:0 8px 24px #00000026;display:flex;gap:6px;left:0;padding:8px;position:absolute;z-index:100}@keyframes formatMenuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.x-format-btn{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:10px;color:#0f1419;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;transition:all .2s;width:40px}.x-format-btn:hover{background:#e8f5fe;border-color:#1d9bf0;color:#1d9bf0;transform:scale(1.1)}.x-format-btn:active{transform:scale(.95)}@media (max-width:768px){.x-format-menu{bottom:calc(100% + 8px);gap:4px;padding:6px}.x-format-btn{font-size:16px;height:36px;width:36px}}@media (max-width:480px){.x-format-menu{left:auto;right:0}.x-format-btn{font-size:14px;height:32px;width:32px}}.x-preview-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:20000}.x-preview-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:95%}.x-preview-header{align-items:center;background:#0f1419;border-bottom:1px solid #eff3f4;display:flex;justify-content:space-between;padding:20px 24px}.x-preview-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.x-preview-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:300;height:40px;justify-content:center;transition:all .2s;width:40px}.x-preview-close:hover{background:#fff3;transform:rotate(90deg)}.x-preview-body{background:#15202b;flex:1 1;overflow-y:auto;padding:24px}.x-preview-tweet-card{background:#0f1419;border:1px solid #2f3336;border-radius:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0 auto;max-width:600px;padding:16px}.x-preview-tweet-header{display:flex;gap:12px;margin-bottom:12px;position:relative}.x-preview-avatar{border-radius:50%;flex-shrink:0;height:48px;object-fit:cover;width:48px}.x-preview-user-info{flex:1 1;min-width:0}.x-preview-name-row{align-items:center;display:flex;gap:4px}.x-preview-name{color:#e7e9ea;font-size:15px;font-weight:700}.x-preview-verified{fill:#1d9bf0;flex-shrink:0;height:20px;width:20px}.x-preview-username{color:#71767b;display:block;font-size:15px;margin-top:2px}.x-preview-menu-btn{align-items:center;border-radius:50%;color:#71767b;cursor:pointer;display:flex;height:34px;justify-content:center;margin-left:auto;transition:background .2s;width:34px}.x-preview-menu-btn:hover{background:#1d9bf01a;color:#1d9bf0}.x-preview-tweet-content{margin-bottom:12px}.x-preview-text{word-wrap:break-word;color:#e7e9ea;font-size:15px;line-height:20px;margin:0 0 12px;white-space:pre-wrap}.x-preview-media-grid{grid-gap:2px;background:#2f3336;border:1px solid #2f3336;border-radius:16px;display:grid;gap:2px;margin-top:12px;overflow:hidden}.x-preview-media-count-1{grid-template-columns:1fr;max-height:510px}.x-preview-media-count-2,.x-preview-media-count-3{grid-template-columns:1fr 1fr;max-height:285px}.x-preview-media-count-3{grid-template-rows:1fr 1fr}.x-preview-media-count-3 .x-preview-media-item:first-child{grid-row:1/3}.x-preview-media-count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;max-height:285px}.x-preview-media-item{background:#000;height:100%;position:relative;width:100%}.x-preview-media-item img,.x-preview-media-item video{display:block;height:100%;object-fit:cover;width:100%}.x-preview-tweet-footer{align-items:center;border-bottom:1px solid #2f3336;color:#71767b;display:flex;font-size:15px;gap:6px;padding:12px 0}.x-preview-date,.x-preview-views{color:#71767b}.x-preview-views strong{color:#e7e9ea;font-weight:700}.x-preview-divider{color:#71767b}.x-preview-tweet-actions{display:flex;justify-content:space-around;padding:12px 0}.x-preview-action-btn{align-items:center;background:none;border:none;border-radius:20px;color:#71767b;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px;transition:all .2s}.x-preview-action-btn:hover{background:#1d9bf01a;color:#1d9bf0}.x-preview-action-btn svg{height:18px;width:18px}.x-preview-action-btn span{min-width:16px}.x-tweet-footer-buttons{align-items:center;display:flex;gap:12px}.x-tweet-preview-btn{align-items:center;background:#fff;border:2px solid #1d9bf0;border-radius:21px;color:#1d9bf0;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;height:42px;justify-content:center;padding:0 24px;transition:all .2s}.x-tweet-preview-btn:hover:not(:disabled){background:#1d9bf01a}.x-tweet-preview-btn:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed;opacity:.5}@media (max-width:768px){.x-preview-modal{max-height:90vh;width:95%}.x-preview-body{padding:16px}.x-preview-tweet-card{padding:12px}.x-tweet-footer-buttons{width:100%}.x-tweet-preview-btn{flex:1 1;min-width:120px}.x-tweet-send-btn{flex:1 1;min-width:140px}}@media (max-width:480px){.x-preview-modal{border-radius:0;max-height:100vh;width:100%}.x-preview-header{padding:16px}.x-tweet-modal-footer{flex-direction:column;gap:12px}.x-tweet-actions{justify-content:center;width:100%}.x-tweet-footer-buttons{flex-direction:column-reverse;gap:8px;width:100%}.x-tweet-preview-btn,.x-tweet-send-btn{width:100%}.x-preview-avatar{height:40px;width:40px}.x-preview-text{font-size:14px}}.x-bulk-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.x-bulk-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:95%}.x-bulk-modal-header{align-items:center;background:linear-gradient(135deg,#1d9bf0,#0c7abf);border-bottom:1px solid #eff3f4;display:flex;justify-content:space-between;padding:20px 24px}.x-bulk-modal-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.x-bulk-modal-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;transition:all .2s;width:40px}.x-bulk-modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.x-bulk-modal-body{background:#f7f9fa;flex:1 1;overflow-y:auto;padding:24px}.x-bulk-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:16px;padding:20px}.x-bulk-section:last-child{margin-bottom:0}.x-bulk-section h4{color:#0f1419;font-size:15px;font-weight:600;margin:0 0 16px}.x-bulk-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.x-bulk-section-header h4{margin:0}.x-bulk-select-all-btn{background:#eff3f4;border:none;border-radius:20px;color:#0f1419;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.x-bulk-select-all-btn:hover{background:#e1e8ed}.x-bulk-accounts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:250px;overflow-y:auto;padding:4px}.x-bulk-account-item{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.x-bulk-account-item:hover{background:#f7f9fa;border-color:#1d9bf0}.x-bulk-account-item.selected{background:#e8f5fe;border-color:#1d9bf0}.x-bulk-account-checkbox{align-items:center;border:2px solid #cfd9de;border-radius:6px;color:#fff;display:flex;flex-shrink:0;font-size:14px;height:24px;justify-content:center;transition:all .2s;width:24px}.x-bulk-account-item.selected .x-bulk-account-checkbox{background:#1d9bf0;border-color:#1d9bf0}.x-bulk-account-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.x-bulk-account-info{display:flex;flex-direction:column;min-width:0}.x-bulk-account-name{color:#0f1419;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-bulk-account-username{color:#536471;font-size:13px}.x-bulk-textarea{border:2px solid #e1e8ed;border-radius:12px;font-family:inherit;font-size:16px;line-height:1.5;outline:none;padding:14px;resize:none;transition:all .2s;width:100%}.x-bulk-textarea:focus{border-color:#1d9bf0;box-shadow:0 0 0 4px #1d9bf01a}.x-bulk-textarea-footer{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.x-bulk-media-btn{background:#eff3f4;border:none;border-radius:20px;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.x-bulk-media-btn:hover{background:#e1e8ed}.x-bulk-char-count{color:#536471;font-size:14px;font-weight:600}.x-bulk-char-count.warning{color:#ffad1f}.x-bulk-char-count.error{color:#f4212e}.x-bulk-input{border:2px solid #e1e8ed;border-radius:12px;font-family:inherit;font-size:15px;outline:none;padding:14px;transition:all .2s;width:100%}.x-bulk-input:focus{border-color:#1d9bf0;box-shadow:0 0 0 4px #1d9bf01a}.x-bulk-hint{color:#536471;font-size:13px;margin:8px 0 0}.x-bulk-media-preview{border-radius:12px;margin-top:12px;max-width:300px;overflow:hidden;position:relative}.x-bulk-media-preview img,.x-bulk-media-preview video{border-radius:12px;display:block;width:100%}.x-bulk-media-remove{align-items:center;background:#f4212ee6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s;width:28px}.x-bulk-media-remove:hover{background:#f4212e;transform:scale(1.1)}.x-bulk-results{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.x-bulk-result-item{align-items:center;background:#f7f9fa;border-radius:8px;display:flex;gap:12px;padding:12px}.x-bulk-result-item.success{background:#e8f5e9}.x-bulk-result-item.error{background:#ffebee}.x-bulk-result-icon{font-size:18px}.x-bulk-result-username{color:#0f1419;font-weight:600;min-width:120px}.x-bulk-result-status{color:#536471;font-size:13px}.x-bulk-result-status a{color:#1d9bf0;text-decoration:none}.x-bulk-result-status a:hover{text-decoration:underline}.x-bulk-modal-footer{background:#fff;border-top:1px solid #eff3f4;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.x-bulk-cancel-btn{background:#fff;border:2px solid #e1e8ed;border-radius:24px;color:#0f1419;cursor:pointer;font-size:15px;font-weight:700;padding:12px 24px;transition:all .2s}.x-bulk-cancel-btn:hover{background:#f7f9fa;border-color:#cfd9de}.x-bulk-send-btn{align-items:center;background:linear-gradient(135deg,#1d9bf0,#0c7abf);border:none;border-radius:24px;box-shadow:0 2px 8px #1d9bf04d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s}.x-bulk-send-btn:hover:not(:disabled){box-shadow:0 4px 12px #1d9bf066;transform:translateY(-2px)}.x-bulk-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.x-bulk-modal{border-radius:0;max-height:100vh;width:100%}.x-bulk-accounts-grid{grid-template-columns:1fr}.x-bulk-modal-footer{flex-direction:column}.x-bulk-cancel-btn,.x-bulk-send-btn{justify-content:center;width:100%}}.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{border-top-color:#000}.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}}.x-bulk-actions{display:flex;gap:10px;margin-bottom:20px}.x-bulk-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:10px 18px;transition:all .2s}.x-bulk-action-btn.tweet{background:#1d9bf0;color:#fff}.x-bulk-action-btn.tweet:hover{background:#0c7abf;transform:translateY(-1px)}.x-bulk-action-btn.retweet{background:#00ba7c;color:#fff}.x-bulk-action-btn.retweet:hover{background:#096;transform:translateY(-1px)}.tiktok-channels-container{padding:20px}.tiktok-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.tiktok-header-content h2{color:#333;font-size:24px;margin:0}.tiktok-header-content p{color:#666;font-size:14px;margin:5px 0 0}.tiktok-header-actions{display:flex;gap:10px}.tiktok-connect-btn,.tiktok-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}.tiktok-refresh-btn{background:#f0f0f0;color:#333}.tiktok-refresh-btn:hover{background:#e0e0e0}.tiktok-connect-btn{background:linear-gradient(135deg,#ff0050,#00f2ea);color:#fff}.tiktok-connect-btn:hover{background:linear-gradient(135deg,#e6004a,#00d9d3);box-shadow:0 4px 12px #ff00504d;transform:translateY(-2px)}.tiktok-connect-btn-large{background:linear-gradient(135deg,#ff0050,#00f2ea);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:20px;padding:12px 30px;transition:all .3s}.tiktok-connect-btn-large:hover{background:linear-gradient(135deg,#e6004a,#00d9d3);box-shadow:0 4px 12px #ff00504d;transform:translateY(-2px)}.tiktok-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:#ff0050}.spinner{height:20px;width:20px}.spinner-large{height:40px;width:40px}.tiktok-empty-state{background:linear-gradient(135deg,#fff5f7,#f0fdff);border-radius:12px;padding:60px 20px;text-align:center}.tiktok-empty-icon{margin-bottom:20px;opacity:.3}.tiktok-empty-state h3{color:#333;font-size:20px;margin:0 0 10px}.tiktok-empty-state p{color:#666;font-size:14px;margin:0}.tiktok-accounts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:40px}.tiktok-account-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s}.tiktok-account-card:before{background:linear-gradient(90deg,#ff0050,#00f2ea);content:"";height:3px;left:0;position:absolute;right:0;top:0}.tiktok-account-card:hover{box-shadow:0 4px 12px #ff005026;transform:translateY(-2px)}.tiktok-account-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tiktok-account-info{align-items:center;display:flex;gap:12px}.tiktok-account-avatar{border:2px solid #ff0050;border-radius:50%;height:48px;object-fit:cover;width:48px}.tiktok-account-details h4{color:#333;font-size:16px;margin:0}.tiktok-account-username{color:#666;font-size:14px}.tiktok-account-status{border-radius:20px;font-size:12px;font-weight:500;padding:4px 12px}.tiktok-account-status.active{background:#e8f5e9;color:#2e7d32}.tiktok-account-status.inactive{background:#ffebee;color:#c62828}.tiktok-account-stats{border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;display:flex;justify-content:space-around;margin:15px 0;padding:15px 0}.tiktok-stat-item{text-align:center}.tiktok-stat-label{color:#666;display:block;font-size:12px;margin-bottom:4px}.tiktok-stat-value{color:#333;display:block;font-size:18px;font-weight:700}.tiktok-account-footer{display:flex;gap:10px;margin-top:15px}.tiktok-disconnect-btn,.tiktok-test-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;padding:8px;transition:all .3s}.tiktok-test-btn{background:linear-gradient(135deg,#ff0050,#00f2ea);color:#fff}.tiktok-test-btn:hover{background:linear-gradient(135deg,#e6004a,#00d9d3);transform:translateY(-1px)}.tiktok-disconnect-btn{background:#f44336;color:#fff}.tiktok-disconnect-btn:hover{background:#da190b}.tiktok-last-activity{border-top:1px solid #f0f0f0;color:#999;font-size:12px;margin-top:10px;padding-top:10px;text-align:center}.tiktok-features-info{background:linear-gradient(135deg,#fff5f7,#f0fdff);border-radius:12px;margin-top:40px;padding:30px}.tiktok-features-info h3{color:#333;font-size:18px;margin:0 0 20px}.tiktok-features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tiktok-feature-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:12px;padding:15px}.tiktok-feature-icon{flex-shrink:0;font-size:24px}.tiktok-feature-item h4{color:#333;font-size:14px;margin:0 0 4px}.tiktok-feature-item p{color:#666;font-size:12px;margin:0}@media (max-width:768px){.tiktok-header{align-items:flex-start;flex-direction:column;gap:15px}.tiktok-accounts-grid,.tiktok-features-grid{grid-template-columns:1fr}}.tiktok-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.tiktok-connect-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:90%;width:500px}.tiktok-modal-header{align-items:center;border-bottom:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:20px 24px}.tiktok-modal-header h3{color:#000;font-size:20px;margin:0}.tiktok-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.tiktok-modal-close:hover{background:#f0f0f0}.tiktok-modal-loading{padding:60px 24px;text-align:center}.tiktok-modal-content{padding:24px}.tiktok-qr-section{margin-bottom:24px;text-align:center}.tiktok-qr-section h4{color:#000;font-size:18px;margin:0 0 8px}.tiktok-qr-section p{color:#666;font-size:14px;margin:0 0 20px}.tiktok-qr-code{background:#fff;border:2px solid #fe2c55;border-radius:12px;display:inline-block;padding:20px}.tiktok-qr-code img{display:block;height:200px;width:200px}.tiktok-divider{margin:24px 0;position:relative;text-align:center}.tiktok-divider:before{background:#e1e4e8;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.tiktok-divider span{background:#fff;color:#999;font-size:12px;letter-spacing:1px;padding:0 16px;position:relative;text-transform:uppercase}.tiktok-link-section{text-align:center}.tiktok-link-section h4{color:#000;font-size:18px;margin:0 0 8px}.tiktok-link-section p{color:#666;font-size:14px;margin:0 0 20px}.tiktok-auth-link-btn{background:#fe2c55;border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .2s}.tiktok-auth-link-btn:hover{background:#e52545;box-shadow:0 5px 15px #fe2c554d;transform:translateY(-2px)}.tiktok-modal-footer{border-top:1px solid #e1e4e8;padding:20px 24px;text-align:center}.tiktok-waiting-text{color:#666;font-size:14px;margin:0 0 8px}.tiktok-session-info{color:#999;font-family:monospace;font-size:12px;margin:0}.tiktok-modal-error{padding:40px 24px;text-align:center}.tiktok-modal-error p{color:#666;margin-bottom:20px}.tiktok-retry-btn{background:#fe2c55;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.tiktok-retry-btn:hover{background:#e52545}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#fe2c55;margin:0 auto}.modal-overlay{z-index:9999}.username-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;width:90%}.modal-header{border-bottom:1px solid #eee}.modal-header h3{font-size:18px;font-weight:600}.modal-close{background:none;color:#999;font-size:24px;height:30px;padding:0;width:30px}.modal-close:hover:not(:disabled){background:#f5f5f5;color:#333}.modal-body{padding:20px}.modal-body p{color:#666;font-size:14px;margin:0 0 15px}.username-input-group{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;display:flex;overflow:hidden;transition:border-color .3s}.username-input-group:focus-within{border-color:#fe2c55;box-shadow:0 0 0 3px #fe2c551a}.username-prefix{background:#f5f5f5;color:#999;font-size:16px;font-weight:500;padding:0 12px}.username-input-group input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none;padding:12px}.username-input-group input::placeholder{color:#bbb}.username-hint{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;font-size:13px!important;gap:5px;margin-top:10px!important;padding:10px}.modal-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #eee}.modal-cancel-btn{background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;padding:12px;transition:all .3s}.modal-cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.modal-submit-btn{background:#fe2c55;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;padding:12px;transition:all .3s}.modal-submit-btn:hover:not(:disabled){background:#e52747;box-shadow:0 4px 12px #fe2c554d;transform:translateY(-1px)}.modal-cancel-btn:disabled,.modal-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.cpm-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.cpm-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;width:100%}.cpm-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.cpm-header h2{color:#1f2937;font-size:18px;font-weight:600;margin:0}.cpm-header p{color:#6b7280;font-size:13px;margin:4px 0 0}.cpm-close-btn{background:#f3f4f6;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:16px;height:32px;transition:all .15s;width:32px}.cpm-close-btn:hover{background:#e5e7eb;color:#1f2937}.cpm-tags-bar{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:13px;gap:8px;padding:10px 20px}.cpm-tag{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:3px 10px}.cpm-toolbar{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 20px}.cpm-search-box,.cpm-toolbar{align-items:center;display:flex}.cpm-search-box{background:#f3f4f6;border-radius:8px;padding:0 12px;width:280px}.cpm-search-icon{font-size:14px;margin-right:8px}.cpm-search-box input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:10px 0}.cpm-search-clear{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px}.cpm-stats{color:#6b7280;display:flex;font-size:13px;gap:16px}.cpm-body{display:flex;flex:1 1;overflow:hidden}.cpm-content-area{background:#f9fafb;flex:1 1;overflow-y:auto;padding:16px}.cpm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cpm-card{background:#fff;border:2px solid #0000;border-radius:10px;box-shadow:0 1px 3px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .2s}.cpm-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.cpm-card.selected{background:#f5f3ff;border-color:#667eea}.cpm-card-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 8px #667eea66;color:#fff;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;left:10px;position:absolute;top:10px;width:28px;z-index:10}.cpm-card-media{background:#e5e7eb;height:140px;overflow:hidden;position:relative;width:100%}.cpm-card-media img,.cpm-card-media video{height:100%;object-fit:cover;width:100%}.cpm-no-media{align-items:center;background:#f3f4f6;color:#9ca3af;display:flex;font-size:40px;height:100%;justify-content:center;width:100%}.cpm-video-badge{left:8px}.cpm-multi-badge,.cpm-video-badge{background:#000000b3;border-radius:4px;bottom:8px;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;position:absolute}.cpm-multi-badge{right:8px}.cpm-card-body{padding:12px}.cpm-card-body h4{color:#1f2937;font-size:14px;font-weight:600;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpm-card-body p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:12px;line-height:1.4;margin:0;overflow:hidden}.cpm-card-tags{display:flex;flex-wrap:wrap;gap:4px;padding:0 12px 12px}.cpm-card-tags span{border-radius:4px;color:#fff;font-size:10px;font-weight:500;padding:2px 8px}.cpm-more-tags{background:#e5e7eb!important;color:#6b7280!important}.cpm-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:6px;display:flex;height:24px;justify-content:center;position:absolute;right:10px;top:10px;transition:all .15s;width:24px}.cpm-checkbox.checked{background:#667eea;border-color:#667eea;color:#fff;font-size:14px}.cpm-sidebar{background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;width:300px}.cpm-sidebar-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 16px}.cpm-sidebar-header h3{color:#1f2937;font-size:14px;font-weight:600;margin:0}.cpm-clear-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:12px;font-weight:500}.cpm-clear-btn:hover{text-decoration:underline}.cpm-sidebar-content{flex:1 1;overflow-y:auto;padding:12px}.cpm-sidebar-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.cpm-sidebar-empty span{font-size:40px;margin-bottom:12px}.cpm-sidebar-empty p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.cpm-sidebar-empty small{font-size:12px;margin-top:4px}.cpm-order-list{display:flex;flex-direction:column;gap:8px}.cpm-order-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:8px;padding:8px}.cpm-order-num{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:700;height:24px;width:24px}.cpm-order-num,.cpm-order-thumb{align-items:center;border-radius:6px;display:flex;flex-shrink:0;justify-content:center}.cpm-order-thumb{background:#e5e7eb;height:36px;overflow:hidden;width:36px}.cpm-order-thumb img{height:100%;object-fit:cover;width:100%}.cpm-order-thumb span{font-size:16px}.cpm-order-title{color:#374151;flex:1 1;font-size:12px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cpm-order-actions{display:flex;flex-shrink:0;gap:4px}.cpm-order-actions button{background:#e5e7eb;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:12px;height:24px;transition:all .15s;width:24px}.cpm-order-actions button:hover:not(:disabled){background:#667eea;color:#fff}.cpm-order-actions button:disabled{cursor:not-allowed;opacity:.3}.cpm-order-actions button.remove:hover{background:#ef4444}.cpm-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:14px 20px}.cpm-footer>span{color:#6b7280;font-size:13px}.cpm-footer-btns{display:flex;gap:10px}.cpm-btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s}.cpm-btn-cancel:hover{background:#f3f4f6}.cpm-btn-save{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .15s}.cpm-btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.cpm-btn-save:disabled{cursor:not-allowed;opacity:.5}.cpm-empty,.cpm-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:300px;justify-content:center}.cpm-empty span,.cpm-loading span{font-size:48px;margin-bottom:16px}.cpm-spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@media (max-width:900px){.cpm-modal{border-radius:0;height:100vh;max-height:none}.cpm-body{flex-direction:column}.cpm-sidebar{border-left:none;border-top:1px solid #e5e7eb;height:200px;width:100%}.cpm-grid{grid-template-columns:repeat(auto-fill,minmax(160px,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-bottom:1px solid #e5e7eb;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{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;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{border:3px solid #e5e7eb;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-tab{background:#f8fafc;min-height:100%;padding:20px}.automation-header{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:20px}.automation-header h2{color:#1e293b;font-size:1.5em;font-weight:700;margin:0}.automation-header p{color:#64748b;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:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-new-automation:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-new-automation:active{transform:translateY(0)}.empty-state{border:2px dashed #e2e8f0;border-radius:16px;margin-top:20px;padding:80px 40px}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.8}.empty-state h3{color:#1e293b;font-weight:600;margin:0 0 12px}.empty-state p{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:28px}.btn-create-first{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease}.btn-create-first:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.schedules-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:24px}.schedule-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;position:relative;transition:all .3s ease}.schedule-card:hover{border-color:#cbd5e1;box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.schedule-card:before{background:linear-gradient(135deg,#10b981,#059669);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.schedule-card.active-card:before,.schedule-card:hover:before{opacity:1}.schedule-card.inactive-card:before{background:linear-gradient(135deg,#6b7280,#4b5563);opacity:1}.schedule-status-bar{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.schedule-status-bar.inactive{background:linear-gradient(135deg,#6b7280,#4b5563)}.schedule-status-bar.paused{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-indicator{align-items:center;display:flex;gap:8px}.status-dot{animation:pulse-dot 2s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.schedule-status-bar.inactive .status-dot{animation:none;opacity:.6}.status-text{font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.next-run-time{align-items:center;background:#ffffff26;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:6px;opacity:.95;padding:4px 10px}.schedule-card-content{padding:20px}.schedule-header{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.schedule-header-left{flex:1 1;min-width:0}.schedule-header h3{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-info-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.schedule-mode-indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.schedule-mode-indicator.daily{background:#eff6ff;border:1px solid #bfdbfe;color:#3b82f6}.schedule-mode-indicator.monthly{background:#f5f3ff;border:1px solid #ddd6fe;color:#8b5cf6}.schedule-frequency{color:#64748b;font-size:12px;font-weight:500}.switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s ease}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #00000026;content:"";height:22px;left:3px;width:22px}input:checked+.slider{background:linear-gradient(135deg,#10b981,#059669)}input:checked+.slider:before{transform:translateX(24px)}.slider:hover{box-shadow:0 0 0 3px #667eea26}.automation-tip{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:3px solid #0ea5e9;border-radius:10px;color:#0369a1;display:flex;font-size:12px;gap:10px;line-height:1.5;margin-bottom:16px;padding:12px 14px}.automation-tip-icon{flex-shrink:0;font-size:16px}.platforms-section{margin-bottom:16px}.section-title{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.platforms-grid{display:flex;flex-wrap:wrap;gap:8px}.platform-badge{align-items:center;border:1px solid #0000;border-radius:8px;cursor:default;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.platform-badge.disabled{filter:grayscale(1);opacity:.35}.platform-badge .platform-icon{align-items:center;display:flex;font-size:14px;justify-content:center}.platform-badge .platform-name{font-weight:600}.platform-badge .platform-count{background:#ffffff40;border-radius:10px;font-size:10px;font-weight:700;margin-left:2px;padding:2px 7px}.platform-badge.telegram{background:linear-gradient(135deg,#08c,#0077b5);color:#fff}.platform-badge.telegram:not(.disabled):hover{box-shadow:0 4px 12px #08c6;transform:translateY(-2px)}.platform-badge.youtube{background:linear-gradient(135deg,red,#c00);color:#fff}.platform-badge.youtube:not(.disabled):hover{box-shadow:0 4px 12px #f006;transform:translateY(-2px)}.platform-badge.x-twitter{background:linear-gradient(135deg,#000,#1a1a1a);color:#fff}.platform-badge.x-twitter:not(.disabled):hover{box-shadow:0 4px 12px #0006;transform:translateY(-2px)}.platform-badge.tiktok{background:linear-gradient(135deg,#010101,#1a1a1a);color:#fff;position:relative}.platform-badge.tiktok:after{background:linear-gradient(180deg,#25f4ee,#fe2c55);border-radius:0 8px 8px 0;bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:3px}.platform-badge.tiktok:not(.disabled):hover{box-shadow:0 4px 12px #fe2c5566;transform:translateY(-2px)}.platform-badge.instagram{background:linear-gradient(45deg,#833ab4,#fd1d1d 50%,#fcb045);color:#fff}.platform-badge.instagram:not(.disabled):hover{box-shadow:0 4px 12px #833ab466;transform:translateY(-2px)}.tags-section{margin-bottom:16px}.tags-display{display:flex;flex-wrap:wrap;gap:6px}.tag-badge{align-items:center;border-radius:20px;box-shadow:0 2px 4px #00000026;color:#fff;display:inline-flex;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s ease}.tag-badge:hover{box-shadow:0 4px 8px #0003;transform:translateY(-1px)}.tag-badge .automation-tag-count{background:#0003;border-radius:8px;font-size:10px;font-weight:700;margin-left:6px;padding:2px 6px}.tag-badge .automation-tag-count.low{background:#fbbf24e6;color:#78350f}.tag-badge .automation-tag-count.empty{animation:pulse-warning 1.5s infinite;background:#ef4444f2;color:#fff}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.no-tags{color:#94a3b8;font-size:13px;font-style:italic;padding:8px 0}.times-section{margin-bottom:16px}.schedule-times-preview{display:flex;flex-wrap:wrap;gap:6px}.time-badge{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;display:inline-flex;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:600;padding:5px 10px;transition:all .2s ease}.time-badge.next-time{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;color:#059669;font-weight:700}.time-badge.next-time:before{content:"→";font-weight:700;margin-right:4px}.monthly-schedules-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.monthly-schedule-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .2s ease}.monthly-schedule-item:hover{background:#f1f5f9;border-color:#cbd5e1}.monthly-schedule-item.is-today{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.monthly-schedule-item.is-past{opacity:.5}.monthly-day-text{color:#334155;font-size:13px;font-weight:500}.monthly-time-badge{background:#667eea;border-radius:6px;color:#fff;font-family:SF Mono,Consolas,monospace;font-size:12px;font-weight:600;padding:4px 10px}.monthly-schedule-item.is-today .monthly-time-badge{background:#10b981}.monthly-schedules-list::-webkit-scrollbar{width:6px}.monthly-schedules-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.monthly-schedules-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.monthly-schedules-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.last-run-section{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:10px 12px}.last-run-icon{font-size:16px}.last-run-label{color:#64748b;font-size:12px;font-weight:500}.last-run-value{color:#334155;font-size:12px;font-weight:600;margin-left:auto}.card-footer{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding-top:16px}.footer-left{display:flex;flex-direction:column;gap:2px}.footer-username{color:#334155;font-size:13px;font-weight:600}.footer-date{color:#94a3b8;font-size:11px;font-weight:500}.footer-actions{display:flex;gap:8px}.icon-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .2s ease;width:40px}.icon-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff;transform:translateY(-2px)}.icon-btn svg{height:18px;width:18px}@media (max-width:1024px){.schedules-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (max-width:768px){.automation-tab{padding:16px}.automation-header{align-items:stretch;flex-direction:column;gap:16px;text-align:center}.btn-new-automation{justify-content:center;width:100%}.schedules-grid{gap:16px;grid-template-columns:1fr}.schedule-status-bar{font-size:12px;padding:10px 14px}.schedule-card-content{padding:16px}.schedule-header{align-items:stretch;flex-direction:column;gap:12px}.schedule-header-left{text-align:center}.schedule-info-badges{justify-content:center}.switch{align-self:center}.platforms-grid,.schedule-times-preview,.tags-display{justify-content:center}.card-footer{flex-direction:column;gap:16px;text-align:center}.footer-left{align-items:center}.footer-actions{justify-content:center}}@media (max-width:480px){.automation-tab{padding:12px}.empty-state{padding:40px 20px}.empty-icon{font-size:48px}.schedule-card-content{padding:14px}.platforms-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.platform-badge{font-size:11px;justify-content:center;padding:8px 10px}.platform-badge .platform-name{display:none}.platform-badge .platform-count{margin-left:0}.tag-badge{font-size:11px;padding:4px 10px}.time-badge{font-size:11px;padding:4px 8px}.icon-btn{height:36px;padding:8px;width:36px}}.schedule-card{animation:fadeInUp .4s ease forwards}.schedules-grid .schedule-card:first-child{animation-delay:.05s}.schedules-grid .schedule-card:nth-child(2){animation-delay:.1s}.schedules-grid .schedule-card:nth-child(3){animation-delay:.15s}.schedules-grid .schedule-card:nth-child(4){animation-delay:.2s}.schedules-grid .schedule-card:nth-child(5){animation-delay:.25s}.schedules-grid .schedule-card:nth-child(6){animation-delay:.3s}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.platform-badge{position:relative}.platform-tooltip{background:#1e293b;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 4px 20px #00000040;color:#fff;font-size:12px;font-weight:500;max-width:280px;min-width:150px;opacity:0;padding:10px 14px;transition:all .2s ease;visibility:hidden;white-space:nowrap;white-space:normal;z-index:100}.platform-tooltip,.platform-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.platform-tooltip:after{border:6px solid #0000;border-top-color:#1e293b;content:"";top:100%}.platform-badge:hover .platform-tooltip{opacity:1;transform:translateX(-50%) translateY(-4px);visibility:visible}.platform-badge.disabled:hover .platform-tooltip{opacity:0;visibility:hidden}.platform-tooltip-title{align-items:center;border-bottom:1px solid #ffffff26;display:flex;font-weight:700;gap:6px;margin-bottom:6px;padding-bottom:6px}.platform-tooltip-list{display:flex;flex-direction:column;gap:4px}.platform-tooltip-item{align-items:center;color:#ffffffe6;display:flex;font-size:11px;gap:6px;padding:4px 0}.platform-tooltip-item img{border-radius:50%;height:20px;object-fit:cover;width:20px}.platform-tooltip-item .tooltip-avatar{align-items:center;background:#fff3;border-radius:50%;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.platform-tooltip-empty{color:#ffffff80;font-size:11px;font-style:italic}.platform-badge:first-child .platform-tooltip{left:0;transform:translateX(0)}.platform-badge:first-child .platform-tooltip:after{left:20px;transform:translateX(0)}.platform-badge:first-child:hover .platform-tooltip{transform:translateX(0) translateY(-4px)}.platform-badge:last-child .platform-tooltip{left:auto;right:0;transform:translateX(0)}.platform-badge:last-child .platform-tooltip:after{left:auto;right:20px;transform:translateX(0)}.platform-badge:last-child:hover .platform-tooltip{transform:translateX(0) translateY(-4px)}@media (max-width:768px){.platform-tooltip{display:none}}.schedule-card,.schedules-grid{overflow:visible!important}.schedule-card{z-index:1}.schedule-card:hover{z-index:100!important}.schedule-card-content,.schedule-status-bar{overflow:visible!important}.platforms-grid,.platforms-section{overflow:visible!important;position:relative}.platform-badge{z-index:1}.platform-badge:hover{z-index:1000!important}.platform-tooltip{z-index:10000!important}.statistics-tab-v2{margin:0 auto;max-width:1400px;padding:0}.stats-header-v2{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.header-left h2{color:#111827;font-size:1.5rem;font-weight:700;margin:0 0 4px}.last-refresh{color:#6b7280;font-size:.8rem}.refresh-all-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 14px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.refresh-all-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.refresh-all-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-all-btn.loading{background:#9ca3af}.spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.spinner,.spinner-small{animation:spin .8s linear infinite}.spinner-small{border:2px solid #667eea4d;border-radius:50%;border-top-color:#667eea;height:14px;width:14px}.connection-status-v2{align-items:center;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:14px 18px;transition:all .3s ease}.connection-status-v2.connected{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #34d399}.connection-status-v2.disconnected{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24}.status-icon{font-size:1.2rem}.status-text{display:flex;flex-direction:column}.status-text strong{color:#111827;font-size:.95rem}.status-text span{color:#6b7280;font-size:.8rem}.summary-cards-v2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:28px}.summary-card{align-items:center;background:#fff;border:1px solid #f3f4f6;border-radius:14px;box-shadow:0 2px 8px #0000000f;display:flex;gap:14px;padding:18px;transition:all .3s ease}.summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.summary-info{display:flex;flex-direction:column}.summary-value{color:#111827;font-size:1.4rem;font-weight:700}.summary-label{color:#6b7280;font-size:.8rem}.empty-state-v2{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state-v2 h3{color:#374151;font-size:1.2rem;margin:0 0 8px}.empty-state-v2 p{color:#6b7280;font-size:.9rem;margin:0}.channels-stats-list-v2{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.stat-card-v2{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:20px;transition:all .3s ease}.stat-card-v2:hover{box-shadow:0 4px 20px #0000001a}.stat-card-v2.updating{opacity:.7}.stat-card-v2.skeleton{min-height:200px}.skeleton-header{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:6px;height:24px;margin-bottom:20px;width:40%}.skeleton-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.skeleton-metric{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:10px;height:80px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-header-v2{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:18px;padding-bottom:14px}.channel-title-v2{align-items:center;display:flex;gap:12px}.channel-icon{font-size:1.4rem}.channel-name-wrapper h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0}.online-indicator{align-items:center;color:#10b981;display:inline-flex;font-size:.75rem;gap:6px;margin-top:2px}.online-dot{animation:pulse-dot 2s infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.update-btn-v2{align-items:center;background:#f3f4f6;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.update-btn-v2:hover:not(:disabled){background:#e5e7eb;transform:rotate(180deg)}.update-btn-v2:disabled{cursor:not-allowed;opacity:.4;transform:none}.update-btn-v2.loading{transform:none}.metrics-grid-v2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr)}.metric-card-v2{border-radius:12px;padding:14px;transition:transform .2s ease}.metric-card-v2:hover{transform:scale(1.02)}.metric-card-v2.subscribers{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe}.metric-card-v2.views{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:1px solid #fbcfe8}.metric-card-v2.forwards{background:linear-gradient(135deg,#ecfeff,#cffafe);border:1px solid #a5f3fc}.metric-card-v2.reactions{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.metric-card-v2.comments{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0}.metric-header-v2{align-items:center;display:flex;gap:6px;margin-bottom:8px}.metric-icon-v2{font-size:1rem}.metric-label-v2{color:#6b7280;font-size:.75rem;font-weight:500}.metric-value-v2{align-items:center;color:#111827;display:flex;font-size:1.3rem;font-weight:700;gap:8px}.change-badge{align-items:center;animation:fadeInUp .3s ease;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;gap:2px;padding:2px 8px}.change-badge.positive{background:#d1fae5;color:#059669}.change-badge.negative{background:#fee2e2;color:#dc2626}@keyframes fadeInUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.data-source-info{background:#eef2ff;border-radius:8px;color:#4f46e5;font-size:.8rem;margin-top:14px;padding:10px 14px}.card-footer-v2{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:.75rem;margin-top:14px;padding-top:12px;text-align:right}.recent-posts-v2{border-top:1px solid #f3f4f6;margin-top:18px;padding-top:16px}.recent-posts-v2 h4{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 12px}.posts-list-v2{display:flex;flex-direction:column;gap:8px}.post-item-v2{align-items:center;background:#f9fafb;border-radius:8px;display:flex;font-size:.8rem;justify-content:space-between;padding:10px 12px}.post-content{display:flex;flex-direction:column;gap:2px}.post-date{color:#9ca3af;font-size:.7rem}.post-text{color:#374151}.post-metrics{color:#6b7280;display:flex;font-size:.75rem;gap:12px}.performance-section-v2{background:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 2px 10px #0000000f;padding:20px}.performance-section-v2 h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 16px}.performance-list{display:flex;flex-direction:column}.performance-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 0}.performance-row:last-child{border-bottom:none}.perf-name{color:#374151;font-weight:500}.perf-value{color:#667eea;font-weight:600}@media (max-width:1024px){.summary-cards-v2{grid-template-columns:repeat(2,1fr)}.metrics-grid-v2{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-header-v2{flex-direction:column;gap:16px;text-align:center}.refresh-all-btn{justify-content:center;width:100%}.summary-cards-v2{gap:12px;grid-template-columns:1fr 1fr}.summary-card{padding:14px}.summary-icon{font-size:1.5rem;height:40px;width:40px}.summary-value{font-size:1.2rem}.metrics-grid-v2{grid-template-columns:repeat(2,1fr)}.metric-card-v2:last-child{grid-column:span 2}.card-header-v2{align-items:flex-start;flex-direction:column;gap:12px}.update-btn-v2{align-self:flex-end}.post-item-v2{align-items:flex-start;flex-direction:column;gap:8px}.post-metrics{justify-content:flex-start;width:100%}}@media (max-width:480px){.metrics-grid-v2,.summary-cards-v2{grid-template-columns:1fr}.metric-card-v2:last-child{grid-column:auto}.metric-value-v2{font-size:1.1rem}.skeleton-metrics{grid-template-columns:1fr}}.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}.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{margin:0 auto;max-width:1400px;padding:20px}.tab-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.tab-header h2{color:#333;font-size:28px;margin:0 0 5px}.tab-header p{color:#666;font-size:14px;margin:0}.header-actions{align-items:center;display:flex;gap:10px}.refresh-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 20px;transition:all .3s ease}.refresh-all-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.refresh-all-button:active{transform:translateY(0)}.add-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 20px;transition:all .3s ease}.add-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.loading{color:#666;font-size:18px;padding:60px 20px;text-align:center}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:20px;opacity:.5}.empty-state h3{color:#333;font-size:22px;margin:0 0 10px}.empty-state p{color:#666;font-size:16px;margin:0 0 30px}.scripts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.script-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s ease}.script-card:hover{box-shadow:0 5px 20px #00000026;transform:translateY(-5px)}.script-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.script-title{flex:1 1}.script-title h3{color:#333;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:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.script-actions{display:flex;gap:5px}.action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.refresh-btn:hover{box-shadow:0 0 10px #667eea80;transform:scale(1.1) rotate(180deg)}.toggle-btn{background:#fff3e0;color:#f57c00}.toggle-btn:hover{background:#ffe0b2;transform:scale(1.1)}.edit-btn{background:#e3f2fd;color:#1976d2}.edit-btn:hover{background:#bbdefb;transform:scale(1.1)}.delete-btn{background:#ffebee;color:#c62828}.delete-btn:hover{background:#ffcdd2}.script-preview-container{background:#f5f5f5;border:2px dashed #ddd;border-radius:8px;margin-bottom:15px;min-height:120px;padding:10px;position:relative}.script-preview-frame{background:#fff;border:none;border-radius:4px;height:100px;width:100%}.copy-script-btn{align-items:center;background:#667eeae6;border:none;border-radius:8px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:36px}.copy-script-btn:hover{background:#764ba2e6;transform:scale(1.1)}.script-footer{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding-top:15px}.script-footer small{color:#999;font-size:12px}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:0;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;font-size:20px;margin:0}.close-btn{background:#f5f5f5;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:18px;height:32px;transition:all .3s ease;width:32px}.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}form{padding:20px}.form-group label{color:#333;font-weight:500}.form-group input[type=text],.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s 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;min-height:120px}.help-text{color:#999;display:block;font-size:12px;margin-top:6px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#333;font-size:14px}.modal-actions{background:#f9f9f9;border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;margin:0 -20px -20px;padding:20px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.submit-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.scripts-grid{grid-template-columns:1fr}.tab-header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{flex-direction:column;width:100%}.header-actions button{width:100%}.modal-content{max-height:95vh;width:95%}}.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.4374e558.css.map*/