.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-card h1{text-align:center;color:#333;margin-bottom:8px;font-size:32px}.login-card h2{text-align:center;color:#666;margin-bottom:32px;font-size:18px;font-weight:400}.login-card form{display:flex;flex-direction:column}.login-card .form-group{margin-bottom:20px}.login-card .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.login-card .form-group input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.login-card .form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-card .error{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;border-left:4px solid #c33;font-size:14px}.login-card .btn{width:100%;padding:12px;font-size:16px;margin-top:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s;box-shadow:0 4px 15px #667eea66}.login-card .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.login-card .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.actions{margin-bottom:20px;display:flex;gap:10px;flex-wrap:wrap;background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.questions-grid{display:grid;gap:20px}.question-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px #0000001a;transition:all .3s}.question-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #eee}.question-header h3{color:#333;font-size:20px}.question-actions{display:flex;gap:10px}.btn-sm{padding:6px 12px;font-size:14px}.question-content{color:#666}.question-text{margin-bottom:12px;line-height:1.6;white-space:pre-wrap}.question-image,.question-buttons,.question-reply,.question-types{margin-top:12px;font-size:14px}.question-image-preview{max-width:100%;max-height:200px;border-radius:4px;margin-top:8px;display:block}.question-buttons ul{margin-top:8px;margin-left:20px}.question-buttons li{margin-bottom:4px}.empty-state{text-align:center;padding:60px 20px;color:#999;font-size:18px;background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.loading-progress-container{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px #0000001a}.loading-progress-bar{width:100%;height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:10px}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-progress-text{text-align:center;color:#666;font-size:14px;font-weight:500}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;padding:15px;margin-bottom:20px;color:#c33;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.config-section{background:#fff;border-radius:12px;padding:30px;margin-bottom:20px;box-shadow:0 10px 40px #0003}.config-section h2{color:#333;font-size:24px;margin-bottom:24px;font-weight:600}.config-form{display:flex;flex-direction:column;gap:20px}.config-form .form-group{display:flex;flex-direction:column;gap:8px}.config-form label{font-weight:600;color:#333;font-size:14px}.config-form .form-input{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;width:100%;box-sizing:border-box;transition:all .2s}.config-form .form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.config-form .form-hint{color:#666;font-size:12px;margin-top:4px}.config-form .form-actions{display:flex;gap:10px;margin-top:10px}.image-preview{margin-bottom:12px}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;margin-bottom:8px;display:block;box-shadow:0 2px 8px #0000001a}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:2px solid #f0f0f0}.form-actions .btn{min-width:120px}.type-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.type-button{padding:12px 24px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s;color:#333;font-weight:500}.type-button:hover{border-color:#667eea;background:#f0f4ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.type-button.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.type-button:focus{outline:none;box-shadow:0 0 0 3px #667eea40}.commands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px}.command-card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.command-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.command-card.inactive{opacity:.6;background:#f5f5f5}.command-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.command-header h3{margin:0;color:#333;font-size:1.3em}.command-actions{display:flex;gap:5px}.command-description,.command-message,.command-buttons,.command-aliases{margin-bottom:10px;font-size:.9em}.command-message .message-text{background:#f9f9f9;padding:10px;border-radius:4px;margin-top:5px;white-space:pre-wrap;word-wrap:break-word}.command-buttons .buttons-preview{margin-top:5px}.button-row{display:flex;gap:5px;margin-bottom:5px;flex-wrap:wrap}.button-preview{background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;padding:5px 10px;font-size:.85em;color:#1976d2}.command-status{margin-top:10px}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.85em;font-weight:700}.status-badge.inactive{background:#ffecb3;color:#f57c00}.command-form{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 15px #0000001a;max-width:800px;margin:0 auto}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.form-checkbox{width:18px;height:18px;cursor:pointer}.required{color:#d32f2f}.form-section-divider{margin:32px 0 24px;padding:20px 0 16px;border-top:2px solid #e0e0e0}.form-section-divider h3{margin:0 0 8px;color:#333;font-size:18px;font-weight:600}.form-section-divider .form-hint{display:block;margin-top:8px;color:#666;font-size:13px}.buttons-editor{border:2px solid #ddd;border-radius:8px;padding:20px;background:#f5f5f5;min-height:150px}.form-group>label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-add-row{padding:8px 16px;font-size:14px;margin-left:auto}.empty-buttons-message{padding:40px 20px;text-align:center;color:#666}.empty-buttons-message p{margin-bottom:16px;font-size:16px}.button-row{margin-bottom:24px;padding:0;background:#fff;border-radius:8px;border:2px solid #ddd;box-shadow:0 2px 4px #0000000d;overflow:hidden}.button-row:last-child{margin-bottom:16px}.button-row-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:2px solid #e0e0e0}.button-row-title{display:flex;align-items:center;gap:8px}.row-number{font-weight:600;font-size:15px;color:#333}.row-info{font-size:13px;color:#666}.button-row-actions{display:flex;gap:8px}.btn-icon,.btn-icon-small{min-width:36px;padding:8px;display:flex;align-items:center;justify-content:center;font-size:16px;border:none}.btn-icon-small{min-width:28px;padding:6px;font-size:14px}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.buttons-in-row{display:flex;flex-direction:column;gap:16px;padding:16px}.button-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fafafa;border-radius:8px;border:2px solid #e8e8e8;position:relative}.button-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.button-number{font-weight:600;font-size:13px;color:#666;text-transform:uppercase}.button-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;width:100%}.control-group{display:flex;flex-direction:column;gap:6px}.control-group-full{grid-column:1 / -1}.control-label{font-size:13px;font-weight:600;color:#555;margin-bottom:4px}.button-controls input,.button-controls select{min-width:180px;min-height:48px;padding:14px 16px;font-size:16px;border:2px solid #999;border-radius:6px;background:#fff;width:100%;box-sizing:border-box;line-height:1.5;transition:all .2s ease}.button-controls input:focus,.button-controls select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.button-controls input.error{border-color:#d32f2f;background-color:#ffebee}.button-controls input::placeholder{color:#999;font-size:14px}.button-controls select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8f9fa;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:45px;font-weight:500;border-color:#666}.button-controls select:hover{border-color:#4a90e2;background-color:#fff}.button-controls select option{padding:12px;font-size:16px;background:#fff;color:#333;min-height:40px}.button-controls .btn-sm{padding:10px 14px;white-space:nowrap;min-width:44px;height:42px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.error-message{color:#d32f2f;font-size:12px;margin-top:4px;line-height:1.3;display:block}@media (max-width: 768px){.button-controls{grid-template-columns:1fr;gap:12px}.button-row-header{flex-direction:column;align-items:flex-start;gap:12px}.button-row-actions{width:100%;justify-content:flex-end}.form-group>label{flex-direction:column;align-items:flex-start;gap:12px}.btn-add-row{width:100%;margin-left:0}}.broadcast-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px #00000014;margin-bottom:16px}.upload-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.file-info{margin-top:10px;font-size:14px;color:#333}.id-preview{margin-top:6px;font-size:14px;color:#666;word-break:break-word}.form-textarea{width:100%;padding:10px 12px;border:1px solid #d0d7de;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical}.form-input{width:100%;padding:8px 10px;border:1px solid #d0d7de;border-radius:8px;font-size:14px;font-family:inherit}.button-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin-bottom:8px}.hint{margin:4px 0 10px;font-size:13px;color:#5f6b7a}.actions-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stats{display:flex;gap:12px;font-size:14px;color:#333}.progress-bar{margin-top:12px;width:100%;height:12px;background:#f1f3f5;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4c8bf5,#2d6cdf);transition:width .2s ease}.progress-text{margin-top:6px;font-size:13px;color:#333}.failures{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.info-message{background:#eef6ff;color:#0b5cbf;padding:10px 12px;border-radius:8px;margin-bottom:12px;border:1px solid #d3e4ff}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 15px #0000001a}.card h2{margin-top:0;color:#333;font-size:24px}.card p{color:#666;line-height:1.6;margin-bottom:10px}.promo-card h2{margin-bottom:20px;color:#333}.promo-docs h2{margin-bottom:12px;color:#333}.promo-docs h3,.promo-docs h4{margin:12px 0 8px;color:#333}.promo-docs-section{margin-bottom:14px}.promo-docs-section ul{margin:0;padding-left:18px}.promo-code-block{margin:0;padding:12px 14px;background:#0f172a;color:#e2e8f0;border-radius:10px;font-size:13px;line-height:1.5;overflow-x:auto;white-space:pre}.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.plan-list{display:flex;flex-direction:column;gap:12px}.plan-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.plan-row select,.plan-row input{min-width:160px;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.plan-hint{font-size:12px;color:#666}.promo-lookup{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.promo-lookup input{flex:1 1 260px;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.promo-result{margin-top:20px;background:#f9f9ff;padding:20px;border-radius:12px;border:1px solid rgba(102,126,234,.2)}.promo-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 20px;font-size:14px}.promo-table{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}.promo-table th,.promo-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #e6e6e6}.promo-table th{background:#667eea1a;color:#333;font-weight:600}.promo-actions{margin-top:16px;display:flex;flex-direction:column;gap:10px}.promo-list-controls input{max-width:160px}.promo-list-controls select{min-width:160px;padding:10px 12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.promo-pagination{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.promo-list-meta{margin:10px 0;font-size:13px;color:#555}.promo-list-table{overflow-x:auto}.promo-plans{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#333}.empty-state{padding:16px;border:1px dashed #d0d7e2;border-radius:10px;background:#f7f9fc;color:#555}@media (max-width: 720px){.promo-lookup{flex-direction:column;align-items:stretch}.promo-lookup button{width:100%}}.mini-app-messages{display:flex;flex-direction:column;gap:28px}.mini-app-messages section{display:flex;flex-direction:column;gap:18px}.mini-app-messages h2{margin:0;font-size:22px;color:#1f2a44}.mini-app-messages h3{margin:0 0 10px;font-size:18px;color:#2b3954}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-actions{display:flex;gap:10px;flex-wrap:wrap}.mini-app-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:20px}.mini-app-form{border:1px solid #e1e7f0;border-radius:12px;padding:18px;background:#f7f9fc;display:flex;flex-direction:column;gap:12px}.mini-app-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:#1f2a44;font-size:14px}.field-hint{font-weight:400;color:#63708a;font-size:12px}.mini-app-form input,.mini-app-form textarea,.mini-app-form select{border:1px solid #c9d4e5;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff}.mini-app-form input.error,.mini-app-form textarea.error,.mini-app-form select.error{border-color:#d32f2f}.editor-block{display:flex;flex-direction:column;gap:12px;border:1px solid #e1e7f0;border-radius:12px;padding:14px;background:#fff}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;color:#1f2a44}.buttons-editor,.media-editor{display:flex;flex-direction:column;gap:12px}.button-row,.media-item{border:1px solid #e1e7f0;border-radius:10px;padding:12px;background:#f7f9fc;display:flex;flex-direction:column;gap:10px}.button-row-header,.media-item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}.row-actions{display:flex;gap:8px}.buttons-in-row{display:flex;flex-direction:column;gap:12px}.button-item{border:1px solid #dbe4f2;border-radius:10px;padding:10px;background:#fff;display:flex;flex-direction:column;gap:10px}.button-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:600}.button-controls,.media-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.media-controls .wide,.media-controls .media-source-toggle{grid-column:span 2}.media-source-toggle{display:flex;gap:8px;align-items:center}.media-preview{margin-top:10px;max-width:100%;max-height:240px;border-radius:8px;border:1px solid #e1e7f0}.media-library{display:flex;flex-direction:column;gap:10px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.media-card{border:1px solid #dbe4f2;border-radius:10px;padding:10px;background:#fff;text-align:left;cursor:pointer;transition:all .2s ease}.media-card.selected{border-color:#3498db;background:#e3f2fd}.media-card-title{font-size:13px;font-weight:600;color:#1f2a44}.media-card-selected{display:inline-block;margin-top:6px;font-size:12px;color:#3498db}.btn-icon{padding:6px 8px}.btn-icon-small{padding:4px 6px}@media (max-width: 960px){.button-controls,.media-controls{grid-template-columns:1fr}.media-controls .wide{grid-column:span 1}}.mini-app-form textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.checkbox-row{flex-direction:row;align-items:center;gap:10px;font-weight:600}.mini-app-list{display:flex;flex-direction:column;gap:12px}.list-card{border:1px solid #e1e7f0;border-radius:12px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:8px}.list-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.list-card-body{display:flex;flex-direction:column;gap:6px}.list-card-actions{display:flex;gap:10px;flex-wrap:wrap}.text-preview{color:#1f2a44;font-size:14px;line-height:1.5;max-height:100px;overflow:hidden;white-space:pre-wrap}.muted{color:#63708a;font-size:13px}.status-pill{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.active{background:#e0f7e9;color:#1a7f4b}.status-pill.inactive{background:#f6e3e3;color:#b42318}.empty-state{padding:16px;border:1px dashed #c9d4e5;border-radius:10px;color:#63708a;background:#f7f9fc}@media (max-width: 960px){.mini-app-grid,.form-row{grid-template-columns:1fr}}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0003;margin-bottom:20px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px 30px;border-radius:12px;box-shadow:0 4px 15px #0000001a}.header h1{color:#333;font-size:28px;margin:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.btn{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-danger{background:#ff4757;color:#fff}.btn-danger:hover{background:#ff3838;transform:translateY(-2px);box-shadow:0 4px 15px #ff475766}.btn-info{background:#17a2b8;color:#fff}.btn-info:hover{background:#138496;transform:translateY(-2px);box-shadow:0 4px 15px #17a2b866}.btn-sm{padding:8px 16px;font-size:12px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number],.form-group input[type=file],.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:100px}.form-hint{display:block;margin-top:6px;font-size:12px;color:#666;line-height:1.4}.error{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;border-left:4px solid #c33}.success{background-color:#efe;color:#3c3;padding:12px;border-radius:8px;margin-bottom:20px;border-left:4px solid #3c3}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;border-left:4px solid #c33}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.required{color:#ff4757}
