:root{--scb-primary:#5170ff;--scb-primary-hover:#306;--scb-primary-light:rgba(81,112,255,.08);--scb-primary-ring:rgba(81,112,255,.2);--scb-gradient:linear-gradient(135deg,#306,#5170ff);--scb-gradient-hover:linear-gradient(135deg,#204,#3d5ce6);--scb-text:#1e293b;--scb-text-secondary:#64748b;--scb-text-muted:#94a3b8;--scb-bg:#f1f5f9;--scb-bg-card:#fff;--scb-border:#e2e8f0;--scb-border-hover:#cbd5e1;--scb-shadow-sm:0 1px 2px rgba(0,0,0,.04);--scb-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.03);--scb-shadow-lg:0 10px 25px -5px rgba(0,0,0,.08);--scb-radius:12px;--scb-radius-sm:8px;--scb-radius-xs:6px;--scb-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--scb-transition:200ms ease;--scb-sidebar-width:250px}.shcb-admin-wrapper{margin:0;padding:0}.shcb-admin-app{color:var(--scb-text);font-family:var(--scb-font);-webkit-font-smoothing:antialiased;background:var(--scb-bg)}.shcb-admin-app,.shcb-sidebar{display:flex;min-height:calc(100vh - 32px)}.shcb-sidebar{background:var(--scb-bg-card);border-right:1px solid var(--scb-border);flex-direction:column;min-width:var(--scb-sidebar-width);width:var(--scb-sidebar-width)}.shcb-sidebar-brand{align-items:center;border-bottom:1px solid var(--scb-border);display:flex;gap:12px;padding:20px 20px 16px}.shcb-sidebar-logo{align-items:center;background:var(--scb-gradient);border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.shcb-sidebar-logo svg{height:20px;width:20px}.shcb-sidebar-brand-text{display:flex;flex-direction:column}.shcb-sidebar-title{color:var(--scb-text);font-size:16px;font-weight:700;line-height:1.2}.shcb-sidebar-subtitle{color:var(--scb-text-muted);font-size:10px;font-weight:600;letter-spacing:1px;margin-top:2px;text-transform:uppercase}.shcb-sidebar-nav{display:flex;flex:1;flex-direction:column;gap:2px;padding:12px 10px}.shcb-sidebar-item{align-items:center;background:transparent;border:none;border-radius:var(--scb-radius-sm);color:var(--scb-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:11px 16px;position:relative;text-align:left;transition:var(--scb-transition);width:100%}.shcb-sidebar-item:hover{background:var(--scb-bg);color:var(--scb-text)}.shcb-sidebar-item-active{background:var(--scb-primary-light);color:var(--scb-primary);font-weight:600}.shcb-sidebar-item-active:before{background:var(--scb-gradient);border-radius:0 4px 4px 0;bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.shcb-sidebar-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.shcb-sidebar-icon svg{height:18px;width:18px}.shcb-sidebar-label{line-height:1}.shcb-sidebar-footer{border-top:1px solid var(--scb-border);padding:16px 20px}.shcb-sidebar-version{color:var(--scb-text-muted);font-size:11px;font-weight:500}.shcb-main-column{display:flex;flex:1;flex-direction:column;min-width:0}.shcb-topbar{align-items:center;background:var(--scb-bg-card);border-bottom:1px solid var(--scb-border);display:flex;justify-content:space-between;padding:14px 28px}.shcb-topbar-title{color:var(--scb-text);font-size:18px;font-weight:700;margin:0;padding:0}.shcb-topbar-actions{align-items:center;display:flex;gap:14px}.shcb-status-pill{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:7px;line-height:1;padding:5px 14px}.shcb-status-pill-active{background:rgba(81,112,255,.08);color:#5170ff}.shcb-status-pill-inactive{background:rgba(220,38,38,.08);color:#dc2626}.shcb-status-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.shcb-status-pill-active .shcb-status-dot{animation:shcb-pulse-dot 2s infinite;background:#5170ff;box-shadow:0 0 0 3px rgba(81,112,255,.2)}.shcb-status-pill-inactive .shcb-status-dot{background:#dc2626}@keyframes shcb-pulse-dot{0%,to{box-shadow:0 0 0 3px rgba(81,112,255,.2)}50%{box-shadow:0 0 0 6px rgba(81,112,255,.06)}}.shcb-master-toggle{cursor:pointer;display:inline-block;height:24px;position:relative;width:44px}.shcb-master-toggle input{height:0;opacity:0;position:absolute;width:0}.shcb-toggle-slider,.shcb-toggle-slider:before{transition:var(--scb-transition)}.shcb-master-toggle input:checked+.shcb-toggle-slider{background:var(--scb-primary)}.shcb-master-toggle input:checked+.shcb-toggle-slider:before{transform:translateX(20px)}.shcb-master-toggle input:focus-visible+.shcb-toggle-slider{box-shadow:0 0 0 3px var(--scb-primary-ring)}.shcb-topbar-view-site{align-items:center;background:var(--scb-bg);border:1px solid var(--scb-border);border-radius:var(--scb-radius-xs);color:var(--scb-text-secondary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;text-decoration:none;transition:var(--scb-transition)}.shcb-topbar-view-site:hover{background:#e2e8f0;border-color:var(--scb-border-hover);color:var(--scb-text)}.shcb-admin-content{animation:scb-fade-in .3s ease;flex:1;padding:24px 28px}@keyframes scb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shcb-dashboard-v2{display:flex;flex-direction:column;gap:32px;padding-bottom:24px}.shcb-dash-header-section{margin-bottom:24px}.shcb-dash-title-row{align-items:baseline;display:flex;gap:8px;margin-bottom:12px}.shcb-dash-title{color:var(--scb-text);font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0}.shcb-dash-subtitle{color:var(--scb-text-secondary);font-size:15px;font-weight:500;margin:0}.shcb-dash-section{margin:0}.shcb-dash-section-title{color:#94a3b8;font-size:12px;font-weight:900;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.shcb-dash-grid-3{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:768px){.shcb-dash-grid-3{grid-template-columns:repeat(3,1fr)}}.shcb-dash-grid-1-2{display:grid;gap:32px;grid-template-columns:1fr}@media (min-width:1024px){.shcb-dash-grid-1-2{grid-template-columns:1fr 2fr}}.shcb-dash-col-inner,.shcb-dash-col-left,.shcb-dash-col-right{display:flex;flex-direction:column}.shcb-dash-col-inner{gap:16px}.shcb-dash-card{background:#fff;border:1px solid transparent;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;flex-direction:column;padding:24px;transition:all .2s ease}.shcb-dash-card-hover:hover{border-color:rgba(81,112,255,.2)}.shcb-dash-card-plugin{background:#f8fafc;border:1px solid transparent}.shcb-dash-card-plugin:hover{border-color:rgba(81,112,255,.2)}.shcb-dash-icon-box{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;margin-bottom:16px;transition:transform .2s ease;width:48px}.shcb-dash-card:hover .group-hover-scale{transform:scale(1.1)}.bg-primary-light{background:rgba(81,112,255,.05)}.text-primary{color:var(--scb-primary)}.bg-indigo{background:#6366f1}.bg-red-500{background:#ef4444}.bg-amber-500{background:#f59e0b}.shcb-dash-icon-square{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;margin-bottom:12px;width:40px}.shcb-dash-card-title{color:var(--scb-text);font-size:16px;font-weight:700;margin:0 0 8px}.shcb-dash-card-title-sm{color:var(--scb-text);font-size:14px;font-weight:700;margin:0 0 4px}.shcb-dash-card-desc{color:var(--scb-text-secondary);font-size:14px;margin:0}.shcb-dash-card-desc-xs{color:var(--scb-text-secondary);font-size:11px;margin:0 0 16px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-auto{margin-bottom:auto}.shcb-dash-link-btn{align-items:center;background:none;border:none;color:var(--scb-primary);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:4px;margin-top:auto;padding:0;transition:gap .2s ease}.shcb-dash-link-btn:hover{gap:8px}.shcb-dash-link-btn:focus{outline:none}.shcb-dash-link-btn-sm{color:var(--scb-primary);cursor:pointer;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.shcb-dash-card:hover .group-hover-underline{text-decoration:underline}.shcb-plugin-action-btn{border:1px solid transparent;border-radius:6px;cursor:pointer;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase;transition:all .2s ease}.shcb-plugin-action-btn:disabled{cursor:not-allowed;opacity:.7}.shcb-plugin-install{background:#f1f5f9;border-color:#cbd5e1;color:var(--scb-text)}.shcb-plugin-install:hover:not(:disabled){background:#e2e8f0}.shcb-plugin-activate{background:var(--scb-primary);color:#fff}.shcb-plugin-activate:hover:not(:disabled){background:var(--scb-primary-hover)}.shcb-plugin-status-active{align-items:center;color:#10b981;display:inline-flex;font-size:12px;font-weight:700;gap:4px}.shcb-dash-card-horizontal{align-items:flex-start;background:#f1f5f9;border-radius:12px;display:flex;gap:16px;padding:20px}.shcb-dash-icon-circle{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.bg-gray{background:#e2e8f0}.text-slate-600{color:#475569}.shcb-dash-btn-outline{border:1px solid #cbd5e1;border-radius:8px;color:var(--scb-text);display:inline-block;font-size:12px;font-weight:700;padding:6px 16px;text-decoration:none;transition:background .2s ease}.shcb-dash-btn-outline:hover{background:#fff}.shcb-dash-premium-banner{background:var(--scb-gradient);border-radius:16px;box-shadow:0 10px 30px rgba(51,0,102,.2);color:#fff;margin-top:16px;overflow:hidden;padding:24px;position:relative}.shcb-dash-banner-inner{display:flex;flex-direction:column;gap:24px;position:relative;z-index:10}@media (min-width:768px){.shcb-dash-banner-inner{align-items:center;flex-direction:row;justify-content:space-between}}.shcb-dash-banner-content{display:flex;flex-direction:column;gap:32px}@media (min-width:768px){.shcb-dash-banner-content{align-items:center;flex-direction:row}}.shcb-dash-banner-text{max-width:320px;text-align:center}@media (min-width:768px){.shcb-dash-banner-text{text-align:left}}.shcb-dash-banner-title{color:#fff!important;font-size:20px;font-weight:900;margin:0 0 4px}.shcb-dash-banner-subtitle{color:hsla(0,0%,100%,.8);font-size:12px;font-weight:500;margin:0}.shcb-dash-banner-features{display:grid;gap:8px 24px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.shcb-dash-banner-features{grid-template-columns:repeat(4,1fr)}}.shcb-dash-feature{align-items:center;display:flex;font-size:10px;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.shcb-dash-btn-white{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);color:var(--scb-primary);cursor:pointer;display:inline-block;font-size:14px;font-weight:900;padding:12px 32px;text-decoration:none;transition:all .2s ease}.shcb-dash-btn-white:hover{transform:scale(1.05)}.shcb-dash-banner-glow{background:hsla(0,0%,100%,.1);border-radius:50%;filter:blur(40px);height:12rem;position:absolute;right:-4rem;top:-4rem;width:12rem}.shcb-modern-card{background:var(--scb-bg-card);border:1px solid var(--scb-border);border-radius:var(--scb-radius);box-shadow:var(--scb-shadow-sm);padding:24px}.shcb-modern-card-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.shcb-modern-card-header h3{color:var(--scb-text);font-size:18px;font-weight:700;margin:0}.shcb-admin-app .shcb-input{background:#f8fafc;border:1px solid var(--scb-border);border-radius:10px;box-sizing:border-box;color:var(--scb-text);font-family:var(--scb-font);font-size:14px;outline:none;padding:12px 16px;transition:all .2s ease;width:100%}.shcb-admin-app .shcb-input:focus{background:#fff;border-color:#5170ff;box-shadow:0 0 0 4px rgba(81,112,255,.1)}.shcb-admin-app select.shcb-input{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer;padding-right:40px!important}.shcb-admin-app .shcb-input::-moz-placeholder{color:var(--scb-text-muted)}.shcb-admin-app .shcb-input::placeholder{color:var(--scb-text-muted)}.shcb-btn{align-items:center;border:none;border-radius:var(--scb-radius-xs);cursor:pointer;display:inline-flex;font-family:var(--scb-font);font-size:14px;font-weight:600;gap:8px;line-height:1;padding:10px 20px;transition:var(--scb-transition)}.shcb-btn-primary{background:var(--scb-gradient);color:#fff}.shcb-btn-primary:hover{background:var(--scb-gradient-hover);box-shadow:0 4px 12px rgba(51,0,102,.25)}.shcb-btn-secondary{background:var(--scb-bg);border:1px solid var(--scb-border);color:var(--scb-text)}.shcb-btn-secondary:hover{background:#e2e8f0;border-color:var(--scb-border-hover)}.shcb-settings-tabs-nav{border-bottom:2px solid var(--scb-border);display:flex;gap:12px;margin-bottom:24px;padding-bottom:2px}.shcb-settings-nav-btn{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--scb-text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:-4px;padding:10px 16px;transition:var(--scb-transition)}.shcb-settings-nav-btn:hover{color:var(--scb-text)}.shcb-settings-nav-btn.active{border-bottom-color:var(--scb-primary);color:var(--scb-primary)}.shcb-nested-page{animation:scb-fade-in .3s ease}.shcb-placeholder-page{display:flex;justify-content:center;padding:60px 0}.shcb-placeholder-card{background:var(--scb-bg-card);border:1px solid var(--scb-border);border-radius:var(--scb-radius);box-shadow:var(--scb-shadow);max-width:400px;padding:48px 40px;text-align:center}.shcb-placeholder-card h2{color:var(--scb-text);font-size:20px;font-weight:700;margin:0 0 8px}.shcb-placeholder-card p{color:var(--scb-text-secondary);font-size:14px;margin:0}.shcb-badge-pro{align-items:center;background:var(--scb-gradient);border-radius:4px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;line-height:1.4;padding:2px 7px;text-transform:uppercase;vertical-align:middle}@media (max-width:960px){.shcb-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:782px){.shcb-sidebar{box-shadow:var(--scb-shadow-lg);height:calc(100vh - 46px);left:-260px;position:fixed;top:46px;transition:left .3s ease;z-index:999}.shcb-sidebar.shcb-sidebar-open{left:0}.shcb-admin-app{flex-direction:column}.shcb-topbar{flex-wrap:wrap;gap:10px;padding:12px 16px;top:46px}.shcb-admin-content{padding:16px}.shcb-kpi-grid{grid-template-columns:1fr 1fr}}.shcb-custom-select-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.shcb-custom-select-trigger{align-items:center;background:#f8fafc;border:1px solid var(--scb-border);border-radius:10px;color:var(--scb-text);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.shcb-custom-select-wrapper.is-open .shcb-custom-select-trigger{background:#fff;border-color:#5170ff;box-shadow:0 0 0 4px rgba(81,112,255,.1)}.shcb-trigger-arrow{align-items:center;color:#64748b;display:flex;justify-content:center;transition:transform .2s ease}.shcb-custom-select-wrapper.is-open .shcb-trigger-arrow{color:#5170ff;transform:rotate(180deg)}.shcb-custom-select-dropdown{animation:scb-slide-down .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.05);left:0;max-height:300px;overflow-y:auto;padding:6px;position:absolute;top:calc(100% + 8px);width:100%;z-index:1000}.shcb-custom-select-option{align-items:center;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 14px;transition:all .15s ease}.shcb-custom-select-option:hover{background:#f1f5f9}.shcb-custom-select-option.active{background:var(--scb-primary-light)!important;color:var(--scb-primary);font-weight:600}.shcb-option-check{color:var(--scb-primary);flex-shrink:0}.shcb-custom-select-group{margin-top:8px}.shcb-group-label{color:#5170ff;font-size:11px;font-weight:800;letter-spacing:.5px;padding:8px 14px 4px;text-transform:uppercase}@keyframes scb-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shcb-css-editor-wrap{display:flex;flex-direction:column;gap:16px;margin-top:16px}.shcb-css-editor{border:1px solid var(--scb-border);border-radius:8px;display:flex;height:300px;position:relative}.shcb-css-editor,.shcb-css-lines{background:#1e1e1e;overflow:hidden}.shcb-css-lines{border-right:1px solid #333;color:#858585;margin:0;padding:16px 12px;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shcb-css-lines,.shcb-css-textarea{font-family:monospace;font-size:14px;line-height:1.5}.shcb-css-textarea{background:transparent;border:none;color:#d4d4d4;flex:1;outline:none;overflow:auto;padding:16px;resize:none;white-space:pre}.shcb-css-hints{background:var(--scb-card-bg);border:1px solid var(--scb-border);border-radius:8px;padding:16px}.shcb-variables-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.shcb-variable-tag{background:#f1f5f9;border-radius:4px;color:var(--scb-primary);font-size:12px;padding:4px 8px}.shcb-tpl-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:24px}.shcb-tpl-card{background:#fff;border:1px solid var(--scb-border);border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.shcb-tpl-card:hover{border-color:var(--scb-primary);box-shadow:0 12px 24px -10px rgba(51,112,255,.15);transform:translateY(-4px)}.shcb-tpl-card-preview{background:#f8fafc;height:180px;overflow:hidden;position:relative}.shcb-tpl-thumbnail-img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1);width:100%}.shcb-tpl-card:hover .shcb-tpl-thumbnail-img{transform:scale(1.1)}.shcb-tpl-card-info{padding:16px 20px 0}.shcb-tpl-card-name{color:var(--scb-text);font-size:15px;font-weight:700;margin:0}.shcb-tpl-card-actions{align-items:center;display:flex;gap:12px;margin-top:auto;padding:16px 20px 20px}.shcb-tpl-btn-activate,.shcb-tpl-btn-customize{border-radius:8px;cursor:pointer;flex:1;font-size:13px;font-weight:600;padding:8px 12px;text-align:center;transition:all .2s ease}.shcb-tpl-btn-customize{background:#f1f5f9;border:1px solid #e2e8f0;color:var(--scb-text-secondary)}.shcb-tpl-btn-customize:hover{background:#e2e8f0;color:var(--scb-text)}.shcb-tpl-btn-activate{background:var(--scb-primary);border:none;color:#fff}.shcb-tpl-btn-activate:hover{background:var(--scb-primary-hover);box-shadow:0 4px 12px rgba(81,112,255,.2)}.shcb-tpl-active-status{align-items:center;background:var(--scb-primary-light);border-radius:8px;color:var(--scb-primary);display:inline-flex;flex:1;font-size:11px;font-weight:700;gap:6px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:8px 6px;white-space:nowrap}.shcb-tpl-active-status svg{height:14px;width:14px}.shcb-pro-badge{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;box-shadow:0 2px 4px rgba(168,85,247,.2);color:#fff;display:inline-flex;font-size:9px;font-weight:800;justify-content:center;letter-spacing:.5px;line-height:1;margin-left:8px;padding:2px 6px;text-transform:uppercase;vertical-align:middle}.shcb-pro-upsell-inline{align-items:center;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(168,85,247,.08));border:1px solid rgba(99,102,241,.25);border-radius:8px;color:#6366f1;cursor:default;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.shcb-pro-upsell-inline strong{color:#a855f7}.shcb-toggle-control-wrap{flex-shrink:0;height:24px;position:relative;width:44px}.shcb-toggle-control-wrap input{cursor:pointer;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.shcb-toggle-slider{background:#cbd5e1;border-radius:24px;bottom:0;left:0;right:0;top:0}.shcb-toggle-slider,.shcb-toggle-slider:before{position:absolute;transition:var(--scb-transition,.2s ease)}.shcb-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.15);content:"";height:18px;left:3px;top:3px;width:18px}.shcb-toggle-control-wrap input:checked+.shcb-toggle-slider{background:var(--scb-primary,#5170ff)}.shcb-toggle-control-wrap input:checked+.shcb-toggle-slider:before{transform:translateX(20px)}.shcb-toggle-control-wrap input:disabled+.shcb-toggle-slider{cursor:not-allowed;opacity:.5}.shcb-toggle-label{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.shcb-field-toggle{border-bottom:1px solid var(--scb-border,#e2e8f0)}.shcb-field-toggle:last-child{border-bottom:none}
.shcb-tpl-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:24px}@media (max-width:1200px){.shcb-tpl-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.shcb-tpl-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.shcb-tpl-grid{grid-template-columns:1fr}}.shcb-tpl-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.04);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.shcb-tpl-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.08);transform:translateY(-2px)}.shcb-tpl-card-preview{align-items:center;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.shcb-tpl-card[data-slug=classic-green] .shcb-tpl-card-preview{background:#f0fdf4}.shcb-tpl-card[data-slug=dark-elegance] .shcb-tpl-card-preview{background:#0f172a}.shcb-tpl-card[data-slug=gradient-sunset] .shcb-tpl-card-preview{background:linear-gradient(135deg,#f97316,#ef4444)}.shcb-tpl-card[data-slug=minimal-white] .shcb-tpl-card-preview{background:#f8fafc}.shcb-tpl-preview-mock{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);box-sizing:border-box;height:100px;padding:16px;position:relative;width:140px}.shcb-tpl-card[data-slug=dark-elegance] .shcb-tpl-preview-mock{background:#1e293b;box-shadow:0 4px 12px rgba(0,0,0,.4)}.shcb-tpl-mock-avatar{background:var(--tpl-color);border-radius:50%;height:20px;left:16px;position:absolute;top:16px;width:20px}.shcb-tpl-mock-line-1{background:#e2e8f0;border-radius:4px;height:6px;left:44px;position:absolute;top:23px;width:60px}.shcb-tpl-card[data-slug=dark-elegance] .shcb-tpl-mock-line-1{background:#334155}.shcb-tpl-mock-btn{align-items:center;background:var(--tpl-color);border-radius:50%;bottom:12px;box-shadow:0 2px 6px rgba(0,0,0,.15);display:flex;height:28px;justify-content:center;position:absolute;right:12px;width:28px}.shcb-tpl-card-info{flex:1;padding:20px 20px 16px}.shcb-tpl-card-name{color:var(--scb-text,#1e293b);font-size:15px;font-weight:700;margin:0}.shcb-tpl-card-actions{align-items:center;display:flex;gap:12px;padding:0 20px 20px}.shcb-tpl-btn-customize{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.shcb-tpl-btn-customize:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.shcb-tpl-btn-activate{background:var(--scb-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.shcb-tpl-btn-activate:hover{background:var(--scb-primary-hover)}.shcb-tpl-active-status{align-items:center;color:var(--scb-primary);display:flex;font-size:13px;font-weight:600;gap:6px}.shcb-tpl-active-status svg{background:var(--scb-primary);border-radius:50%;color:#fff;height:16px;padding:2px;width:16px}.shcb-tpl-count{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;color:#64748b;font-size:12px;font-weight:600;padding:4px 10px}.shcb-template-editor{display:flex;flex-direction:column;height:calc(100vh - 100px)}.shcb-editor-toolbar{align-items:center;background:var(--scb-card-bg,#fff);border-bottom:1px solid var(--scb-border,#e5e7eb);display:flex;flex-shrink:0;gap:16px;padding:12px 20px}.shcb-editor-title{flex:1;font-size:16px;font-weight:600;margin:0}.shcb-editor-toolbar-right{align-items:center;display:flex;gap:12px}.shcb-saved-indicator{color:var(--scb-primary);font-size:13px;font-weight:500}.shcb-editor-layout{display:grid;flex:1;grid-template-columns:180px 1fr 360px;overflow:hidden}.shcb-editor-sidebar{background:var(--scb-card-bg,#fff);border-right:1px solid var(--scb-border,#e5e7eb);overflow-y:auto;padding:12px 0}.shcb-editor-tab{align-items:center;background:none;border:none;color:var(--scb-text-light,#64748b);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 20px;text-align:left;transition:all .15s;width:100%}.shcb-editor-tab:hover{background:#f8fafc;color:var(--scb-text,#1e293b)}.shcb-editor-tab-active{background:var(--scb-primary-light);border-right:3px solid var(--scb-primary);color:var(--scb-primary);font-weight:600}.shcb-editor-tab-icon{font-size:16px}.shcb-editor-controls{background:#f9fafb;overflow-y:auto;padding:24px}.shcb-section-title{align-items:center;color:var(--scb-text-light,#64748b);display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin:24px 0 12px;text-transform:uppercase}.shcb-section-title:first-child{margin-top:0}.shcb-field-group{margin-bottom:16px}.shcb-field-indent{border-left:2px solid #e5e7eb;margin-left:20px;padding-left:16px}.shcb-field-label{align-items:center;color:var(--scb-text,#1e293b);display:flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:6px}.shcb-field-value{font-weight:400;margin-left:auto}.shcb-field-help,.shcb-field-value{color:var(--scb-text-light,#64748b);font-size:12px}.shcb-field-help{margin:4px 0 0}.shcb-textarea{min-height:70px;resize:vertical}.shcb-color-input-wrap{align-items:center;display:flex;gap:8px}.shcb-color-input{border:1px solid #d1d5db;border-radius:8px;cursor:pointer;height:36px;padding:2px;width:40px}.shcb-color-hex{font-family:monospace;width:100px}.shcb-gradient-preview{border:1px solid #d1d5db;border-radius:8px;flex-shrink:0;height:36px;width:40px}.shcb-gradient-builder{margin-top:8px}.shcb-gradient-preview-bar{border:1px solid #d1d5db;border-radius:8px;height:32px;margin-bottom:10px}.shcb-gradient-stops{align-items:center;display:flex;gap:10px;margin-bottom:10px}.shcb-gradient-stop{align-items:center;display:flex;gap:4px}.shcb-gradient-stop input[type=color]{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;height:32px;padding:2px;width:32px}.shcb-gradient-stop-label{color:#64748b;font-size:11px;font-weight:500}.shcb-color-mode-toggle{display:flex;gap:4px;margin-top:6px}.shcb-mode-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;font-size:11px;padding:4px 10px;transition:all .15s}.shcb-mode-btn-active,.shcb-mode-btn:hover{border-color:var(--scb-primary,#6366f1)}.shcb-mode-btn-active{background:var(--scb-primary,#6366f1);color:#fff}.shcb-gradient-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.shcb-gradient-swatch{border:2px solid transparent;border-radius:50%;cursor:pointer;height:32px;padding:0;transition:transform .15s,box-shadow .15s;width:32px}.shcb-gradient-swatch:hover{box-shadow:0 2px 8px rgba(0,0,0,.2);transform:scale(1.15)}.shcb-gradient-swatch-active{border-color:var(--scb-primary,#6366f1);box-shadow:0 0 0 2px var(--scb-primary,#6366f1)}.shcb-icon-group{margin-bottom:12px}.shcb-icon-group-label{color:#94a3b8;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.shcb-icon-grid{display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.shcb-icon-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px 4px;transition:all .15s}.shcb-icon-option:hover{background:rgba(99,102,241,.03);border-color:var(--scb-primary,#6366f1)}.shcb-icon-option-active{background:rgba(99,102,241,.06);border-color:var(--scb-primary,#6366f1);box-shadow:0 0 0 2px rgba(99,102,241,.15)}.shcb-icon-svg{color:#475569;height:22px;width:22px}.shcb-icon-option-active .shcb-icon-svg{color:var(--scb-primary,#6366f1)}.shcb-icon-svg svg{height:100%;width:100%}.shcb-icon-label{color:#64748b;font-size:8px;line-height:1.2;text-align:center}.shcb-section-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shcb-section-header-row .shcb-section-title{margin:0}.shcb-btn-danger{background:#fef2f2;border-color:#fecaca;color:#ef4444}.shcb-btn-danger:hover{background:#fee2e2;border-color:#f87171}.shcb-range-input{accent-color:var(--scb-primary,#6366f1);width:100%}.shcb-position-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.shcb-position-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:12px;padding:8px;transition:all .15s}.shcb-position-btn:hover{border-color:var(--scb-primary,#6366f1)}.shcb-position-btn-active{background:var(--scb-primary-light);border-color:var(--scb-primary);color:var(--scb-primary);font-weight:600}.shcb-field-toggle .shcb-toggle-label{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between}.shcb-toggle-text{flex:1}.shcb-variables-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.shcb-variable-tag{background:#f1f5f9;border-radius:4px;color:var(--scb-primary,#6366f1);font-family:monospace;font-size:11px;padding:3px 8px}.shcb-editor-preview{background:#f1f5f9;border-left:1px solid var(--scb-border,#e5e7eb);display:flex;flex-direction:column;overflow:hidden}.shcb-preview-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:10px 16px}.shcb-preview-label{color:var(--scb-text-light,#64748b);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.shcb-preview-frame{align-items:center;display:flex;flex:1;justify-content:center;padding:24px}.shcb-preview-mocksite{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);height:400px;overflow:hidden;position:relative;width:280px}.shcb-mocksite-nav{background:#f8fafc;border-bottom:1px solid #e2e8f0;height:32px}.shcb-mocksite-content{padding:16px}.shcb-mocksite-block{background:#e5e7eb;border-radius:4px;height:16px;margin-bottom:10px}.shcb-mocksite-block-sm{width:60%}.shcb-animation-picker{margin-top:16px}.shcb-anim-group{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;overflow:hidden}.shcb-anim-group-header{align-items:center;background:#f9fafb;border:none;color:var(--scb-text,#1e293b);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:12px 16px;width:100%}.shcb-anim-group-icon{font-size:16px}.shcb-anim-group-label{flex:1;font-weight:600;text-align:left}.shcb-anim-group-count{background:#e5e7eb;border-radius:10px;color:var(--scb-text-light,#64748b);font-size:11px;padding:1px 8px}.shcb-anim-group-selection{color:var(--scb-primary,#6366f1);font-size:11px}.shcb-anim-group-chevron{color:#94a3b8}.shcb-anim-group-grid{border-top:1px solid #e5e7eb;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));padding:12px 16px}.shcb-anim-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 6px;transition:all .15s}.shcb-anim-card:hover{background:rgba(99,102,241,.03);border-color:var(--scb-primary,#6366f1)}.shcb-anim-card-selected{background:rgba(99,102,241,.06);border-color:var(--scb-primary,#6366f1)}.shcb-anim-preview{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.shcb-anim-preview-dot{background:var(--scb-primary,#6366f1);border-radius:50%;height:16px;width:16px}.shcb-anim-preview-none{color:#94a3b8;font-size:14px}.shcb-anim-card-label{color:var(--scb-text-light,#64748b);font-size:10px;line-height:1.2;text-align:center}.shcb-anim-card-check{color:var(--scb-primary,#6366f1);font-size:10px;position:absolute;right:4px;top:4px}.shcb-anim-card{position:relative}.shcb-saving-toast{background:#1e293b;border-radius:8px;bottom:24px;box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;font-size:13px;left:50%;padding:10px 24px;position:fixed;transform:translateX(-50%);z-index:10000}@media (max-width:1024px){.shcb-editor-layout{grid-template-columns:1fr}.shcb-editor-sidebar{border-bottom:1px solid var(--scb-border,#e5e7eb);border-right:none;display:flex;overflow-x:auto;padding:0}.shcb-editor-tab{border-right:none;padding:10px 16px;white-space:nowrap}.shcb-editor-tab-active{border-bottom:3px solid var(--scb-primary,#6366f1);border-right:none}.shcb-editor-preview{display:none}}.shcb-color-mode-tabs{background:#f1f5f9;border-radius:8px;display:flex;gap:2px;margin-bottom:12px;padding:3px}.shcb-color-mode-tab{align-items:center;background:transparent;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;flex:1;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:7px 16px;transition:all .2s}.shcb-color-mode-tab.active{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);color:#1e293b}.shcb-color-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shcb-color-panel-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.shcb-color-trigger-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:6px 12px;transition:all .2s}.shcb-color-trigger-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.shcb-color-trigger-btn.active{background:#fff;border-color:#5170ff;box-shadow:0 0 0 3px rgba(81,112,255,.1);color:#5170ff}.shcb-trigger-color-preview{border:1px solid rgba(0,0,0,.1);border-radius:4px;height:14px;width:14px}.shcb-trigger-chevron{transition:transform .2s}.shcb-color-trigger-btn.active .shcb-trigger-chevron{transform:rotate(180deg)}.shcb-color-picker-dropdown{animation:scb-slide-down .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:12px}@keyframes scb-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shcb-color-spectrum{border-radius:10px;cursor:crosshair;height:120px;margin-bottom:10px;overflow:hidden;position:relative}.shcb-spectrum-overlay-white{background:linear-gradient(90deg,#fff,transparent);inset:0;position:absolute}.shcb-spectrum-overlay-black{background:linear-gradient(180deg,transparent,#000);inset:0;position:absolute}.shcb-spectrum-handle{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.3);height:14px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:14px}.shcb-hue-slider-row{margin-bottom:12px}.shcb-hue-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red);border-radius:5px;height:10px;outline:none;width:100%}.shcb-hue-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.shcb-hue-slider::-moz-range-thumb{background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer;height:16px;width:16px}.shcb-color-hex-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:6px;margin-bottom:10px;padding:0 10px;position:relative}.shcb-color-hash{color:#94a3b8;font-size:14px;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shcb-color-hex-input{background:transparent;border:none;color:#1e293b;flex:1;font-family:Courier New,monospace;font-size:13px;font-weight:600;min-width:0;outline:none;padding:9px 0}.shcb-color-native{border:none;border-radius:50%;cursor:pointer;height:24px;opacity:.01;overflow:hidden;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px}.shcb-color-swatches{display:flex;flex-wrap:wrap;gap:6px}.shcb-color-swatch{border:2px solid transparent;border-radius:50%;cursor:pointer;height:22px;padding:0;transition:transform .15s,border-color .15s;width:22px}.shcb-color-swatch:hover{transform:scale(1.15)}.shcb-color-swatch-active{border-color:#5170ff;box-shadow:0 0 0 2px rgba(81,112,255,.25)}.shcb-gradient-builder-v2,.shcb-solid-picker{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.shcb-gradient-panels{display:flex;gap:10px;margin-bottom:16px}.shcb-gradient-direction-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.shcb-gradient-direction-info{display:flex;flex-direction:column;gap:2px}.shcb-gradient-direction-title{color:#1e293b;font-size:13px;font-weight:700}.shcb-gradient-direction-sub{color:#94a3b8;font-size:11px}.shcb-gradient-angle-badge{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:var(--scb-primary-hover);font-size:13px;font-weight:700;padding:4px 12px}.shcb-gradient-dial-row{display:flex;flex-direction:column;gap:10px}.shcb-gradient-dial-wrap{padding:0 4px}.shcb-gradient-dial{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#306,#5170ff);border-radius:4px;cursor:pointer;height:4px;outline:none;width:100%}.shcb-gradient-dial::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #5170ff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;height:18px;width:18px}.shcb-gradient-preview-bar{align-items:center;display:flex;gap:8px}.shcb-gradient-preview-label{color:#94a3b8;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.shcb-gradient-preview-track{border-radius:8px;box-shadow:inset 0 1px 3px rgba(0,0,0,.1);flex:1;height:28px}.shcb-settings-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.02);margin-bottom:16px}.shcb-card-header{align-items:center;border-bottom:1px solid #f8fafc;display:flex;gap:10px;padding:16px 20px}.shcb-card-header h4{color:#1e293b;font-size:15px;font-weight:700;margin:0}.shcb-card-icon{color:var(--scb-primary-hover)}.shcb-card-body{padding:20px}.shcb-grid-2{display:grid;gap:20px;grid-template-columns:1fr 1fr}.shcb-toggle-field{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px}.shcb-toggle-info{flex:1}.shcb-switch{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.shcb-switch input{height:0;opacity:0;width:0}.shcb-switch-slider{background-color:#e2e8f0;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.shcb-switch-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px rgba(0,0,0,.1);content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}input:checked+.shcb-switch-slider{background-color:var(--scb-primary)}input:checked+.shcb-switch-slider:before{transform:translateX(20px)}.shcb-media-field{align-items:flex-start;display:flex;gap:24px}.shcb-media-preview-wrap{flex-shrink:0}.shcb-media-preview{align-items:center;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;display:flex;height:84px;justify-content:center;overflow:visible;position:relative;width:84px}.shcb-media-preview img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.shcb-media-placeholder{color:#94a3b8}.shcb-media-check{align-items:center;background:var(--scb-primary);border:2px solid #fff;border-radius:50%;bottom:-4px;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:-4px;width:20px}.shcb-media-controls{flex:1}.shcb-media-actions{display:flex;gap:8px;margin-bottom:8px;margin-top:12px}.shcb-media-controls .shcb-field-group{margin-bottom:0}.shcb-btn-primary{background:linear-gradient(135deg,#306,#5170ff);border:none;color:#fff;transition:all .2s ease}.shcb-btn-primary:hover{background:linear-gradient(135deg,#204,#3d5ce6);box-shadow:0 4px 12px rgba(81,112,255,.25);transform:translateY(-1px)}.shcb-btn-outline{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.shcb-btn-outline:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.shcb-behavior-section-header{align-items:center;color:var(--scb-primary);display:flex;font-size:11px;font-weight:800;gap:8px;letter-spacing:1px;margin-bottom:12px;margin-top:24px;text-transform:uppercase}.shcb-behavior-section-header svg{flex-shrink:0}.shcb-behavior-toggle-row{align-items:center;display:flex;gap:20px;justify-content:space-between}.shcb-behavior-toggle-info{flex:1}.shcb-behavior-toggle-info .shcb-field-label{color:#1e293b;font-weight:700;margin-bottom:4px}.shcb-behavior-sub-field{margin-top:16px;padding-top:4px}.shcb-sub-label{color:#64748b;display:block;font-size:10px;font-weight:800;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.shcb-divider{background:#f1f5f9;height:1px;margin:20px 0}.shcb-slider-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shcb-slider-value{color:var(--scb-primary);font-size:12px;font-weight:700}.shcb-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f1f5f9;border-radius:6px;cursor:pointer;height:6px;outline:none;width:100%}.shcb-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--scb-primary);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;height:18px;width:18px}.shcb-range-slider::-moz-range-thumb{background:var(--scb-primary);border:3px solid #fff;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;height:18px;width:18px}.shcb-select-wrapper{position:relative;width:100%}.shcb-select-arrow{align-items:center;color:#64748b;display:flex;justify-content:center;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:all .2s ease}.shcb-select-wrapper:focus-within .shcb-select-arrow{color:var(--scb-primary)}.shcb-animations-header{margin-bottom:24px}.shcb-anim-v2-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.shcb-anim-v2-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;outline:none;padding:16px 8px;position:relative;transition:all .2s ease;width:100%}.shcb-anim-v2-card:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.05);transform:translateY(-2px)}.shcb-anim-v2-selected{box-shadow:0 0 0 1px var(--scb-primary)}.shcb-anim-v2-selected,.shcb-anim-v2-selected:hover{background:#f0fdf4;border-color:var(--scb-primary)}.shcb-anim-v2-preview{align-items:center;background:#f8fafc;border-radius:50%;display:flex;height:50px;justify-content:center;margin-bottom:12px;width:50px}.shcb-anim-v2-selected .shcb-anim-v2-preview{background:#fff}.shcb-anim-v2-label{color:#334155;display:block;font-size:11px;font-weight:700;text-align:center}.shcb-anim-v2-selected .shcb-anim-v2-label{color:#065f46}.shcb-anim-v2-check{align-items:center;background:var(--scb-primary);border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;position:absolute;right:8px;top:8px;width:18px}.shcb-mini-widget-container{perspective:800px}.shcb-mini-widget{height:24px;position:relative;width:24px}.shcb-mini-widget-bubble{background:var(--scb-primary);border-radius:6px;display:flex;flex-direction:column;gap:3px;height:80%;justify-content:center;padding:3px;width:100%}.shcb-mini-widget-line{background:hsla(0,0%,100%,.4);border-radius:1px;height:2px;width:80%}.shcb-mini-widget-line.short{width:50%}.shcb-mini-widget-tail{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--scb-primary);bottom:0;height:0;position:absolute;right:4px;width:0}.shcb-anim-v2-preview .shcb-mini-widget{animation-delay:.5s!important;animation-iteration-count:infinite!important}.shcb-anim-v2-preview .shcb-mini-widget[class*=shcb-enter-]{animation-duration:2s!important}.shcb-anim-v2-none-icon{align-items:center;border:2px dashed #cbd5e1;border-radius:6px;color:#94a3b8;display:flex;font-size:20px;height:24px;justify-content:center;width:24px}.shcb-anim-v2-selected.shcb-anim-v2-none{background:#f8fafc;border-color:#cbd5e1;box-shadow:none}.shcb-anim-v2-selected.shcb-anim-v2-none .shcb-anim-v2-label{color:#64748b}.shcb-anim-v2-selected.shcb-anim-v2-none .shcb-anim-v2-check{background:#94a3b8}.shcb-toggle-slider{box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.shcb-toggle-slider.active{box-shadow:0 2px 4px rgba(81,112,255,.2)}.shcb-toggle-slider>span{box-shadow:0 1px 3px rgba(0,0,0,.2)}
.shcb-agents-list-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:20px;overflow:hidden}.shcb-agents-table{border-collapse:collapse;font-size:14px;width:100%}.shcb-agents-table thead{background:#fdfdfd;border-bottom:2px solid #f1f5f9}.shcb-agents-table th{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.05em;padding:16px 20px;text-align:left;text-transform:uppercase}.shcb-agent-row{border-bottom:1px solid #f1f5f9;transition:background .15s}.shcb-agent-row:last-child{border-bottom:none}.shcb-agent-row:hover{background:#f8fafc}.shcb-agent-row td{padding:16px 20px;vertical-align:middle}.shcb-agent-disabled{opacity:.7}.shcb-agent-list-avatar img,.shcb-agent-list-initials{border-radius:50%;display:block;height:44px;-o-object-fit:cover;object-fit:cover;width:44px}.shcb-agent-list-initials{align-items:center;background:var(--scb-primary);color:#fff;display:flex;font-size:15px;font-weight:700;justify-content:center}.shcb-agent-name{color:#1e293b;font-size:15px;font-weight:700}.shcb-agent-title{color:#64748b;font-size:14px}.shcb-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:4px 12px}.shcb-status-online{background:rgba(81,112,255,.08);color:#5170ff}.shcb-status-offline{background:#f1f5f9;color:#64748b}.shcb-status-dot{background:currentColor;border-radius:50%;height:8px;width:8px}.shcb-agent-platforms-list{display:flex;gap:6px}.shcb-agent-platform-icon{align-items:center;border-radius:8px;color:#fff;display:flex;height:32px;justify-content:center;padding:6px;width:32px}.shcb-agent-platform-icon svg{height:100%;width:100%}.shcb-platform-initial{font-size:14px;font-weight:700}.shcb-no-platforms{color:#cbd5e1}.shcb-row-actions{align-items:center;display:flex;gap:12px}.shcb-row-action-btn{background:transparent;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;padding:6px;transition:all .15s}.shcb-row-action-btn:hover{background:#f1f5f9;color:#475569}.shcb-action-delete:hover{background:#fee2e2;color:#dc2626}.shcb-drawer-overlay{background:rgba(0,0,0,.4);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:100000}.shcb-drawer{animation:scb-drawer-slide .25s ease-out;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;max-width:100%;width:480px}@keyframes scb-drawer-slide{0%{transform:translateX(100%)}to{transform:translateX(0)}}.shcb-drawer-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.shcb-drawer-header h3{font-size:16px;margin:0}.shcb-drawer-close{background:#f1f5f9;border:none;border-radius:50%;cursor:pointer;font-size:14px;height:32px;width:32px}.shcb-drawer-body{flex:1;overflow-y:auto;padding:20px}.shcb-drawer-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.shcb-platform-row{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px;padding:12px}.shcb-platform-row-top{align-items:center;display:flex;gap:8px}.shcb-platform-row-fields{display:flex;flex-direction:column;gap:8px}.shcb-field-label-sm{color:#64748b!important;font-size:11px!important;font-weight:600!important;letter-spacing:.03em;margin-bottom:4px!important;text-transform:uppercase}.shcb-platform-select{flex:1;max-width:160px}.shcb-empty-state{color:var(--scb-text-light,#64748b);padding:40px 20px;text-align:center}.shcb-empty-icon{display:block;font-size:36px;margin-bottom:12px}.shcb-schedule-days{margin-top:12px}.shcb-schedule-day{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;padding:8px 0}.shcb-schedule-day-off{opacity:.6}.shcb-schedule-day-toggle{align-items:center;cursor:pointer;display:flex;gap:6px;min-width:70px}.shcb-schedule-day-name{font-size:13px;font-weight:500}.shcb-schedule-times{align-items:center;display:flex;flex:1;gap:6px}.shcb-time-input{font-size:12px;max-width:110px;padding:5px 8px}.shcb-schedule-sep{color:#94a3b8}.shcb-schedule-closed{color:#94a3b8;font-size:12px;font-style:italic}.shcb-btn-xs{font-size:10px;padding:3px 8px}.shcb-rules-mode{display:flex;gap:8px;margin-top:16px}.shcb-mode-btn{background:#f8fafc;border:1px solid var(--scb-border);border-radius:10px;cursor:pointer;flex:1;font-size:13px;padding:10px 16px;text-align:center;transition:all .15s}.shcb-mode-btn-active,.shcb-mode-btn:hover{border-color:var(--scb-primary)}.shcb-mode-btn-active{background:var(--scb-primary-light);font-weight:600}.shcb-rules-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.shcb-rule-row{align-items:center;background:var(--scb-card-bg,#fff);border:1px solid var(--scb-border,#e5e7eb);border-radius:10px;display:flex;gap:8px;padding:10px 14px}.shcb-rule-type-select{max-width:220px}.shcb-rule-value-input{flex:1}.shcb-rules-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:16px}.shcb-rules-save{align-items:center;display:flex;gap:10px}.shcb-toggle-sm .shcb-toggle-slider{height:18px;width:34px}.shcb-toggle-sm .shcb-toggle-slider:before{height:14px;width:14px}.shcb-toggle-sm input:checked+.shcb-toggle-slider:before{transform:translateX(16px)}
.shcb-kpi-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:16px 0}.shcb-kpi-card{align-items:center;background:var(--scb-card-bg,#fff);border:1px solid var(--scb-border,#e5e7eb);border-radius:12px;display:flex;gap:12px;padding:18px 16px}.shcb-kpi-icon{font-size:24px}.shcb-kpi-content{flex:1}.shcb-kpi-value{color:var(--scb-text,#1e293b);display:block;font-size:22px;font-weight:700;line-height:1.2}.shcb-kpi-label{color:var(--scb-text-light,#64748b);font-size:12px}.shcb-kpi-change{border-radius:10px;font-size:12px;font-weight:600;padding:2px 8px}.shcb-kpi-up{background:#dcfce7;color:var(--scb-primary)}.shcb-kpi-down{background:#fee2e2;color:#dc2626}.shcb-mini-chart{padding:16px}.shcb-chart-bars{align-items:flex-end;display:flex;gap:3px;height:140px}.shcb-chart-bar-group{align-items:flex-end;display:flex;flex:1;gap:1px;height:100%}.shcb-chart-bar{border-radius:2px 2px 0 0;flex:1;min-height:2px;transition:height .3s}.shcb-chart-bar-imp{background:#c7d2fe}.shcb-chart-bar-click{background:var(--scb-primary,#6366f1)}.shcb-chart-legend{color:var(--scb-text-light,#64748b);display:flex;font-size:11px;gap:16px;margin-top:10px}.shcb-legend-item{align-items:center;display:flex;gap:4px}.shcb-legend-dot{border-radius:2px;display:inline-block;height:8px;width:8px}.shcb-legend-imp{background:#c7d2fe}.shcb-legend-click{background:var(--scb-primary,#6366f1)}.shcb-chart-empty{color:#94a3b8;padding:40px;text-align:center}.shcb-platform-breakdown{padding:8px 0}.shcb-platform-stat{align-items:center;display:flex;gap:10px;padding:6px 0}.shcb-platform-stat-name{color:var(--scb-text,#1e293b);font-size:12px;font-weight:500;text-transform:capitalize;width:90px}.shcb-platform-stat-bar-wrap{background:#f1f5f9;border-radius:4px;flex:1;height:8px;overflow:hidden}.shcb-platform-stat-bar{background:var(--scb-primary,#6366f1);border-radius:4px;height:100%;transition:width .3s}.shcb-platform-stat-count{color:var(--scb-text,#1e293b);font-size:12px;font-weight:600;min-width:32px;text-align:right}.shcb-no-data{color:#94a3b8;font-size:13px;padding:20px;text-align:center}.shcb-device-breakdown{padding:16px}.shcb-device-bar{background:#e5e7eb;border-radius:6px;height:12px;overflow:hidden}.shcb-device-mobile{background:var(--scb-primary,#6366f1);border-radius:6px;height:100%;transition:width .3s}.shcb-device-labels{color:var(--scb-text-light,#64748b);display:flex;font-size:12px;justify-content:space-between;margin-top:8px}.shcb-period-selector{display:flex;gap:4px}.shcb-period-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:12px;padding:4px 12px;transition:all .15s}.shcb-period-btn-active,.shcb-period-btn:hover{border-color:var(--scb-primary,#6366f1)}.shcb-period-btn-active{background:var(--scb-primary,#6366f1);color:#fff}.shcb-analytics-columns{display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}@media (max-width:768px){.shcb-analytics-columns{grid-template-columns:1fr}}.shcb-settings-save-bar{align-items:center;background:var(--scb-card-bg,#fff);border:1px solid var(--scb-border,#e5e7eb);border-radius:10px;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:16px 20px}.shcb-import-export-actions{display:flex;gap:10px;padding:8px 0}.shcb-import-btn{align-items:center;cursor:pointer;display:inline-flex;gap:4px}.shcb-loading{color:#94a3b8;font-size:14px;padding:60px 20px;text-align:center}