:root{--color-primary:#ff6b2c;--color-primary-hover:#e85a1b;--color-primary-light:#ff6b2c1f;--color-secondary:#7c3aed;--color-secondary-hover:#6d28d9;--color-secondary-light:#7c3aed1f;--color-success:#22c55e;--color-success-light:#22c55e1f;--color-warning:#f59e0b;--color-warning-light:#f59e0b1f;--color-danger:#ef4444;--color-danger-light:#ef44441f;--color-info:#3b82f6;--color-info-light:#3b82f61f;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-input:#0f172a;--bg-hover:#ffffff0d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-light:#ffffff0f;--sidebar-width:260px;--header-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000040;--shadow-lg:0 8px 32px #0000004d;--shadow-glow:0 0 20px #ff6b2c26;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.025em;font-size:1.75rem;font-weight:700}h2{letter-spacing:-.02em;font-size:1.375rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}h4{font-size:.9375rem;font-weight:600}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:#ffffff1f}.btn-danger{background:var(--color-danger-light);color:var(--color-danger)}.btn-danger:hover{background:#ef444433}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:.875rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);align-items:center;gap:16px;padding:20px 24px;display:flex}.stat-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.stat-card .icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card .icon-box.orange{background:var(--color-primary-light);color:var(--color-primary)}.stat-card .icon-box.purple{background:var(--color-secondary-light);color:var(--color-secondary)}.stat-card .icon-box.green{background:var(--color-success-light);color:var(--color-success)}.stat-card .icon-box.blue{background:var(--color-info-light);color:var(--color-info)}.stat-card .stat-info h3{margin-bottom:4px;font-size:1.5rem;font-weight:700;line-height:1}.stat-card .stat-info p{color:var(--text-muted);font-size:.8125rem}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);overflow:visible!important}table{border-collapse:collapse;width:100%}th{background:var(--bg-tertiary);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);white-space:nowrap;padding:12px 16px;font-size:.75rem;font-weight:600}td{border-top:1px solid var(--border-light);padding:12px 16px;font-size:.875rem}tr:hover td{background:var(--bg-hover)}.badge{border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-muted{color:var(--text-muted);background:#64748b1f}.app-layout{max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:50;transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-brand img{border-radius:var(--radius-sm);width:36px;height:36px}.sidebar-brand h1{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.125rem}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px;padding:0 12px;font-size:.6875rem;font-weight:600}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover);text-decoration:none}.nav-item.active{color:var(--color-primary);background:var(--color-primary-light)}.sidebar-footer{border-top:1px solid var(--border-color);padding:16px}.user-menu{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 12px;display:flex}.user-menu:hover{background:var(--bg-hover)}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-info .name{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.user-info .role{color:var(--text-muted);font-size:.6875rem}.desktop-topbar{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:40;justify-content:flex-end;align-items:center;padding:12px 32px;display:flex;position:sticky;top:0}.user-menu-wrapper{position:relative}.user-menu-trigger{border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:.8125rem;font-weight:500;display:flex}.user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--border-color)}.user-avatar--sm{width:30px;height:30px;font-size:.75rem}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.user-menu-chevron{transition:transform var(--transition-fast);color:var(--text-muted)}.user-menu-chevron.rotated{transform:rotate(180deg)}.user-menu-dropdown{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);min-width:240px;box-shadow:var(--shadow-lg);z-index:200;padding:8px;animation:.15s slideUp;position:absolute;top:calc(100% + 6px);right:0}.umd-user-info{align-items:center;gap:12px;padding:10px 8px;display:flex}.umd-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.8125rem;font-weight:600;overflow:hidden}.umd-role{color:var(--text-muted);font-size:.6875rem}.umd-divider{background:var(--border-color);height:1px;margin:4px 0}.umd-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 8px 4px;font-size:.625rem;font-weight:600}.umd-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:10px;padding:9px 8px;font-family:inherit;font-size:.8125rem;font-weight:500;display:flex}.umd-item:hover{color:var(--text-primary);background:var(--bg-hover)}.umd-item--danger{color:var(--color-danger)}.umd-item--danger:hover{background:var(--color-danger-light)}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex;overflow-x:hidden}.main-content{flex:1;min-width:0;overflow-x:hidden}.page-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:16px;padding:24px 32px;display:flex}.page-header h1{font-size:1.5rem}.page-body{padding:24px 32px;overflow-x:hidden}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle, var(--color-primary-light), transparent 70%);pointer-events:none;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-page:after{content:"";background:radial-gradient(circle, var(--color-secondary-light), transparent 70%);pointer-events:none;width:500px;height:500px;position:absolute;bottom:-200px;left:-200px}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);z-index:1;width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:48px;position:relative}.login-card .brand{text-align:center;margin-bottom:32px}.login-card .brand img{width:48px;height:48px;margin-bottom:12px}.login-card .brand h1{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem}.login-card .brand p{color:var(--text-muted);margin-top:4px;font-size:.875rem}.login-form{flex-direction:column;gap:20px;display:flex}.login-form .input{width:100%}.login-form .btn-primary{justify-content:center;width:100%;padding:12px;font-size:.9375rem}.login-error{background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);text-align:center;padding:10px 14px;font-size:.8125rem}.forgot-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.8125rem}.forgot-link:hover{color:var(--color-primary);text-decoration:underline}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:64px 24px}.empty-state svg{opacity:.3;width:64px;height:64px;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:8px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.toolbar .search-input{flex:1;min-width:200px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.25s slideUp;display:flex}.modal .modal-body{flex:1;min-height:0;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-tabs{border-bottom:1px solid var(--border-color);scrollbar-width:none;gap:0;padding:0 24px;display:flex;overflow-x:auto}.modal-tabs::-webkit-scrollbar{display:none}.modal-tabs button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:.875rem;font-weight:500;transition:color .2s,border-color .2s}.modal-tabs button:hover{color:var(--text-primary)}.modal-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.plan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:24px;animation:.3s both fadeInUp}.plan-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.plan-inactive{opacity:.6}.plan-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.plan-name{align-items:center;gap:8px;margin-bottom:8px;display:flex}.plan-price{margin-bottom:20px}.plan-price .price{color:var(--color-primary);font-size:1.75rem;font-weight:800}.plan-price .period{color:var(--text-muted);font-size:.8125rem;font-weight:400}.plan-limits{background:var(--bg-primary);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.limit-item{text-align:center;flex:1}.limit-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;display:block}.limit-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.limit-divider{background:var(--border-color);width:1px;height:32px}.plan-features{flex-direction:column;gap:8px;list-style:none;display:flex}.plan-features li{color:var(--text-secondary);align-items:center;gap:8px;font-size:.8125rem;display:flex}.bar-chart{align-items:flex-end;gap:4px;height:200px;padding-top:8px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:20px;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));border-radius:4px 4px 0 0;width:100%;min-height:2px;transition:height .5s}.bar-label{color:var(--text-muted);white-space:nowrap;margin-top:6px;font-size:.625rem}.top-list{flex-direction:column;display:flex}.top-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 0;display:flex}.top-item:last-child{border-bottom:none}.top-rank{color:var(--color-primary);text-align:center;flex-shrink:0;width:28px;font-size:.8125rem;font-weight:700}.top-info{flex:1;min-width:0}.top-title{white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;display:block;overflow:hidden}.top-value{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:600}.top-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:36px;height:36px}.top-bar-bg{background:var(--bg-secondary);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.top-bar-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-radius:2px;height:100%;transition:width .6s}.bar-value{color:var(--text-muted);margin-bottom:4px;font-size:.625rem;font-weight:600}.an-filters{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.an-filters .input{max-width:260px}.an-period-btns{background:var(--bg-secondary);border-radius:var(--radius-md);gap:4px;padding:3px;display:flex}.an-period-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:6px 14px;font-size:.8125rem;font-weight:600}.an-period-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #ff6b2c4d}.an-period-btn:hover:not(.active){color:var(--text-primary)}.an-cards-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.an-metric-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:20px;animation:.3s both fadeInUp;position:relative}.an-metric-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.an-metric-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.an-metric-label{color:var(--text-muted);font-size:.8125rem;font-weight:500}.an-metric-value{letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1.1}.an-metric-trend{border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.an-info-btn{border:1px solid var(--border-color);background:var(--bg-secondary);width:26px;height:26px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.an-info-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff6b2c14}.an-info-popup{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.an-info-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:90%;max-width:380px;padding:20px;animation:.2s slideUp;box-shadow:0 16px 48px #0003}.an-info-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.an-info-content p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}.an-chart-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);margin-bottom:20px;padding:24px}.an-chart-card:hover{border-color:var(--border-hover)}.an-chart-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.an-chart-header h3{font-size:.9375rem;font-weight:700}.an-chart-legend{gap:16px;display:flex}.an-legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;font-weight:500;display:flex}.an-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.an-area-chart{width:100%;position:relative;overflow:visible}.an-area-chart svg{display:block}.an-area-chart svg circle{transition:r .15s}.an-area-chart svg circle:hover{r:6}.an-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);pointer-events:none;z-index:10;white-space:nowrap;flex-direction:column;gap:2px;padding:10px 14px;font-size:.75rem;animation:.1s fadeIn;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.an-tooltip strong{color:var(--text-primary);margin-bottom:2px;font-size:.8125rem}.an-hour-bars{align-items:flex-end;gap:3px;height:160px;padding-top:8px;display:flex}.an-hour-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.an-hour-val{color:var(--text-muted);min-height:14px;margin-bottom:3px;font-size:.5625rem;font-weight:600}.an-hour-bar{cursor:default;width:100%;transition:height .5s}.an-hour-bar:hover{opacity:.85;transform:scaleY(1.05)}.an-hour-label{color:var(--text-muted);margin-top:4px;font-size:.5625rem;font-weight:500}.an-bottom-grid{grid-template-columns:1.2fr 1fr;gap:20px;display:grid}.an-top-card{overflow:hidden}.an-top-list{flex-direction:column;display:flex}.an-top-item{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);align-items:center;gap:12px;padding:10px 0;display:flex}.an-top-item:last-child{border-bottom:none}.an-top-item:hover{background:var(--bg-secondary);margin:0 -24px;padding:10px 24px}.an-top-rank{text-align:center;flex-shrink:0;width:28px;font-size:.875rem;font-weight:800}.an-top-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:36px;height:36px}.an-top-info{flex:1;min-width:0}.an-top-title{white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.an-top-bar-bg{background:var(--bg-secondary);border-radius:3px;height:5px;overflow:hidden}.an-top-bar{border-radius:3px;height:100%;transition:width .6s}.an-top-val{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:.8125rem;font-weight:700}.an-distributions{flex-direction:column;gap:16px;display:flex}.an-dist-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:18px}.an-dist-card:hover{border-color:var(--border-hover)}.an-dist-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.an-dist-header h4{color:var(--text-primary);font-size:.8125rem;font-weight:700}.an-dist-items{flex-direction:column;gap:8px;display:flex}.an-dist-row{align-items:center;gap:8px;display:flex}.an-dist-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;align-items:center;gap:5px;width:80px;font-size:.75rem;display:flex;overflow:hidden}.an-dist-bar-wrap{background:var(--bg-secondary);border-radius:4px;flex:1;height:7px;overflow:hidden}.an-dist-bar{border-radius:4px;min-width:3px;height:100%;transition:width .6s}.an-dist-pct{color:var(--text-primary);text-align:right;flex-shrink:0;width:32px;font-size:.6875rem;font-weight:700}.file-upload-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-secondary);padding:32px 24px}.file-upload-dropzone:hover{border-color:var(--color-primary);background:#ff6b2c0a}.file-upload-dropzone.active{border-color:var(--color-primary);background:#ff6b2c14;border-style:solid}.file-upload-dropzone.uploading{opacity:.7;pointer-events:none}.file-upload-icon{color:var(--text-muted);margin-bottom:8px}.file-upload-dropzone:hover .file-upload-icon,.file-upload-dropzone.active .file-upload-icon{color:var(--color-primary)}.file-upload-text{color:var(--text-secondary);margin:0 0 4px;font-size:.875rem;font-weight:600}.file-upload-hint{color:var(--text-muted);margin:0;font-size:.75rem}.file-upload-uploading{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;font-size:.875rem;display:flex}.file-upload-preview{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-secondary);position:relative;overflow:hidden}.file-upload-preview img{object-fit:contain;width:100%;max-height:200px;padding:16px;display:block}.file-upload-remove{color:#fff;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0003}.file-upload-remove:hover{background:#dc2626;transform:scale(1.1)}.file-upload-path{color:var(--text-muted);border-top:1px solid var(--border-color);background:var(--bg-card);word-break:break-all;padding:8px 12px;font-size:.7rem}.file-upload-error{color:#ef4444;margin-top:4px;font-size:.75rem;font-weight:500;display:block}.site-modal{flex-direction:column;width:100%;height:100%;display:flex;max-width:calc(100vw - 40px)!important;max-height:calc(100vh - 40px)!important}.site-modal .modal-body{scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent}.site-modal .modal-body::-webkit-scrollbar{width:6px}.site-modal .modal-body::-webkit-scrollbar-track{background:0 0;border-radius:3px}.site-modal .modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));border-radius:3px;transition:background .2s}.site-modal .modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--color-secondary), var(--color-primary))}.site-tabs{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0;gap:2px;padding:0 24px;display:flex;overflow-x:auto}.site-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:10px 14px;font-size:.8125rem;font-weight:500;display:flex}.site-tab:hover{color:var(--text-primary)}.site-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.form-grid{gap:16px;display:grid}.form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.form-grid .full-width{grid-column:1/-1}.helper{color:var(--text-muted);margin-top:4px;font-size:.75rem;line-height:1.4;display:block}.required{color:#ef4444;font-weight:600}.color-input-wrap{align-items:center;gap:8px;display:flex}.color-input-wrap input[type=color]{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-card);flex-shrink:0;width:36px;height:36px;padding:2px}.toggle-wrapper{cursor:pointer;align-items:center;gap:10px;margin-top:4px;font-weight:400;display:flex}.toggle-wrapper input[type=checkbox]{display:none}.toggle-slider{background:var(--bg-secondary);border:1px solid var(--border-color);width:44px;height:24px;transition:all var(--transition-fast);border-radius:12px;flex-shrink:0;position:relative}.toggle-slider:after{content:"";width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.toggle-wrapper input:checked+.toggle-slider{background:var(--color-primary);border-color:var(--color-primary)}.toggle-wrapper input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{color:var(--text-secondary);font-size:.875rem}.form-section h3{margin-bottom:4px;font-size:.9375rem;font-weight:700}.form-section-desc{color:var(--text-muted);margin:0;font-size:.8125rem}.form-info-box{border-radius:var(--radius-md);color:var(--text-secondary);background:#ff6b2c0f;border:1px solid #ff6b2c26;align-items:center;gap:8px;padding:12px 16px;font-size:.8125rem;display:flex}.webhook-url-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 14px;display:flex}.webhook-url-box code{color:var(--text-primary);word-break:break-all;flex:1;font-size:.75rem}.webhook-copy-btn{white-space:nowrap;transition:all var(--transition-fast);flex-shrink:0;align-items:center;gap:4px;display:flex;border-radius:var(--radius-sm)!important;background:var(--bg-card)!important;border:1px solid var(--border-color)!important;padding:6px 10px!important;font-size:.75rem!important}.webhook-copy-btn:hover{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.ig-header-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ig-subtitle{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.ig-usage-badge{background:var(--color-primary-light);color:var(--color-primary);border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.ig-steps{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;display:flex}.ig-step{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);transition:all var(--transition-base);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:.8125rem;display:flex}.ig-step.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.ig-step.done{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-light)}.ig-step-num{background:var(--bg-tertiary);width:22px;height:22px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;font-size:.6875rem;font-weight:700;display:flex}.ig-step.active .ig-step-num{background:var(--color-primary);color:#fff}.ig-step.done .ig-step-num{background:var(--color-success);color:#fff}.ig-step-arrow{color:var(--text-muted);flex-shrink:0}.ig-layout{grid-template-columns:1fr 1fr;align-items:start;gap:28px;max-width:100%;display:grid}.ig-config-col,.ig-preview-col{flex-direction:column;gap:20px;min-width:0;display:flex}.ig-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;max-width:100%;padding:20px}.ig-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-size:.75rem;font-weight:600;display:block}.ig-select{width:100%}.ig-loading-inline,.ig-empty-inline{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:20px;font-size:.875rem;display:flex}.ig-produto-list{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.ig-produto-card{border-radius:var(--radius-md);border:1.5px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);background:var(--bg-primary);align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.ig-produto-card:hover{border-color:var(--text-muted)}.ig-produto-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px #ff6b2c14}.ig-produto-img-wrap{border-radius:var(--radius-sm);background:var(--bg-tertiary);flex-shrink:0;width:44px;height:44px;overflow:hidden}.ig-produto-img-wrap img{object-fit:cover;width:100%;height:100%}.ig-produto-no-img{width:100%;height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.ig-produto-info{flex:1;min-width:0}.ig-produto-title{white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.ig-produto-meta{gap:8px;margin-top:2px;display:flex}.ig-preco{color:var(--color-success);font-size:.75rem;font-weight:700}.ig-plataforma{color:var(--text-muted);background:var(--bg-tertiary);text-transform:capitalize;border-radius:100px;padding:1px 8px;font-size:.6875rem}.ig-produto-check{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;animation:.2s scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.ig-formato-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ig-formato-btn{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:6px;padding:16px 12px;font-family:inherit;display:flex}.ig-formato-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.ig-formato-btn.selected{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.ig-formato-name{font-size:.875rem;font-weight:600}.ig-formato-size{color:var(--text-muted);font-size:.6875rem}.ig-template-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ig-template-btn{background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-family:inherit;display:flex;position:relative}.ig-template-btn:hover{border-color:var(--text-muted)}.ig-template-btn.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.ig-template-preview{border-radius:var(--radius-sm);width:48px;height:48px;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.ig-template-name{font-size:.6875rem;font-weight:600}.ig-template-check{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;animation:.2s scaleIn;display:flex;position:absolute;top:6px;right:6px}.ig-generate-btn{justify-content:center;width:100%;padding:16px;font-size:1rem;box-shadow:0 4px 20px #833ab44d;transition:all var(--transition-base)!important;background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737)!important;border:none!important}.ig-generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #833ab480!important}.ig-preview-col{position:sticky;top:24px}.ig-preview-placeholder,.ig-generating{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 24px;display:flex}.ig-preview-hint{color:var(--text-muted);margin-top:20px;font-size:.8125rem}.ig-preview-mockup{width:100%;max-width:280px}.ig-mockup-frame{aspect-ratio:1;border-radius:var(--radius-md);border:2px solid var(--border-color);width:100%;transition:aspect-ratio var(--transition-base);overflow:hidden}.ig-mockup-frame[data-formato=story]{aspect-ratio:9/16;max-height:380px}.ig-mockup-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px;display:flex}.ig-mockup-site{opacity:.8;text-transform:uppercase;letter-spacing:.08em;font-size:.625rem;font-weight:700}.ig-mockup-img{object-fit:contain;border-radius:6px;max-width:60%;max-height:40%}.ig-mockup-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.625rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.ig-mockup-price{font-size:.875rem;font-weight:800}.ig-mockup-empty{width:100%;height:100%;color:var(--text-muted);background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.ig-mockup-empty p{max-width:150px;font-size:.75rem}.ig-generating h3{color:var(--text-primary);margin-top:20px;font-size:1.125rem}.ig-generating p{color:var(--text-muted);font-size:.875rem}.ig-generating-animation{justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.ig-gen-ring{border:3px solid #833ab4;border-color:#833ab4 #fd1d1d #f77737 #0000;border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.ig-gen-icon{color:var(--color-primary);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ig-error-state{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.ig-error-msg{background:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);max-width:100%;padding:12px 20px;font-size:.875rem}.ig-result{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.ig-result-image-wrap{background:var(--bg-primary);justify-content:center;padding:20px;display:flex}.ig-result-image{border-radius:var(--radius-md);max-width:100%;max-height:500px;box-shadow:var(--shadow-lg);object-fit:contain}.ig-result-actions{border-top:1px solid var(--border-color);gap:10px;padding:16px 20px;display:flex}.ig-result-actions .btn{flex:1;justify-content:center}.ig-result-copy{border-top:1px solid var(--border-color);padding:20px}.ig-copy-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.8125rem;font-weight:600;display:flex}.ig-copy-btn{margin-left:auto}.ig-copy-btn.copied{color:var(--color-success)!important}.ig-copy-text{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:16px;font-family:inherit;font-size:.8125rem;line-height:1.7}.ig-fade-in{animation:.3s both fadeInUp}.ig-search-wrap{margin-bottom:12px;position:relative}.ig-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.ig-search-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:10px 36px;font-size:.875rem;transition:border-color .2s}.ig-search-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ff6b2c1a}.ig-search-input::placeholder{color:var(--text-muted)}.ig-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.ig-search-clear:hover{color:var(--text-primary);background:#ffffff1a}.ig-tpl-toggle{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);gap:4px;margin-bottom:14px;padding:3px;display:flex}.ig-tpl-toggle-btn{cursor:pointer;color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s;display:flex}.ig-tpl-toggle-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #ff6b2c33}.ig-tpl-toggle-btn:not(.active):hover{color:var(--text-primary);background:#ffffff0d}.ig-tpl-count{background:#fff3;border-radius:10px;padding:1px 6px;font-size:.6875rem;font-weight:600}.ig-user-tpl-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.ig-user-tpl-btn{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;padding:0;font-family:inherit;transition:all .2s;display:flex;position:relative;overflow:hidden}.ig-user-tpl-btn:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.ig-user-tpl-btn.selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b2c26}.ig-tpl-preview{aspect-ratio:1;border-radius:0;width:100%;position:relative;overflow:hidden}.ig-tpl-el{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;position:absolute;overflow:hidden}.ig-tpl-el-text{font-size:5px;line-height:1.2}.ig-tpl-el-img{aspect-ratio:1;color:#fff6;background:#ffffff1a;border-radius:2px;justify-content:center;align-items:center;display:flex}.ig-user-tpl-name{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:.6875rem;display:block;overflow:hidden}.ig-empty-user-tpl{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;padding:24px 16px;display:flex}.ig-empty-user-tpl p{color:var(--text-secondary);margin:0;font-size:.875rem;font-weight:500}.ig-empty-user-tpl span{font-size:.75rem}.ig-empty-user-tpl strong{color:var(--color-primary)}@media (width<=1024px){.ig-layout{grid-template-columns:1fr}.ig-preview-col{position:static}}@media (width<=768px){.ig-header-mobile{flex-direction:column;align-items:flex-start;gap:8px}.ig-header-mobile h1{font-size:1.125rem}.ig-subtitle{font-size:.75rem}.ig-user-tpl-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.ig-steps{gap:4px}.ig-step{padding:6px 10px;font-size:.75rem}.ig-step span,.ig-step-arrow{display:none}.ig-template-grid,.ig-user-tpl-grid{grid-template-columns:repeat(2,1fr)}.ig-section{padding:14px}.ig-generate-btn{z-index:10;padding:14px;font-size:.9375rem;position:sticky;bottom:12px;box-shadow:0 -4px 20px #0006}.ig-preview-placeholder{min-height:250px;padding:20px 12px}.ig-preview-mockup{max-width:180px}.ig-result-actions{flex-direction:column}.ig-usage-badge{font-size:.6875rem}.ig-produto-list{max-height:240px}.ig-tpl-toggle-btn{padding:8px 6px;font-size:.75rem}.ig-formato-grid{grid-template-columns:1fr 1fr;gap:8px}}@media (width<=400px){.ig-section{padding:12px}.ig-label{margin-bottom:8px;font-size:.6875rem}.ig-search-input{padding:8px 32px;font-size:.8125rem}.ig-user-tpl-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.cs-container{background:#06060e;flex-direction:column;height:100vh;display:flex;overflow:hidden}.cs-topbar{-webkit-backdrop-filter:blur(16px);z-index:10;background:#0f0f1ed9;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 16px;display:flex}.cs-topbar-left,.cs-topbar-right{align-items:center;gap:6px;display:flex}.cs-brand{background:linear-gradient(135deg, var(--color-primary), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.cs-separator{background:#ffffff14;flex-shrink:0;width:1px;height:20px}.cs-select-site,.cs-select-produto{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;outline:none;max-width:180px;padding:5px 10px;font-family:inherit;font-size:.75rem;transition:border-color .2s}.cs-select-site:focus,.cs-select-produto:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b2c1a}.cs-btn-icon{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;transition:all .15s;display:flex}.cs-btn-icon:hover{color:var(--text-primary);background:#ffffff14}.cs-btn-icon.active{color:var(--color-primary);background:#ff6b2c1f}.cs-btn-icon:disabled{opacity:.25;cursor:default;pointer-events:none}.cs-zoom{color:var(--text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:.6875rem;display:flex}.cs-btn-export{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--color-primary), #e04d1a);border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 16px #ff6b2c40,inset 0 1px #ffffff26}.cs-btn-export:hover{transform:translateY(-1px);box-shadow:0 4px 24px #ff6b2c66,inset 0 1px #ffffff26}.cs-btn-export:disabled{opacity:.5;cursor:default;transform:none}.cs-workspace{flex:1;grid-template-columns:256px 1fr 256px;display:grid;overflow:hidden}.cs-panel{-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:#ffffff0f transparent;background:#0c0c18eb;overflow-y:auto}.cs-panel::-webkit-scrollbar{width:4px}.cs-panel::-webkit-scrollbar-track{background:0 0}.cs-panel::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.cs-panel-left{border-right:1px solid #ffffff0d}.cs-panel-right{border-left:1px solid #ffffff0d}.cs-panel-section{border-bottom:1px solid #ffffff0a;padding:14px}.cs-panel-title{text-transform:uppercase;letter-spacing:.1em;color:#ffffff59;align-items:center;gap:6px;margin-bottom:10px;font-size:.625rem;font-weight:700;display:flex}.cs-panel-empty{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px 14px;display:flex}.cs-panel-empty svg{opacity:.3}.cs-panel-empty p{color:#ffffff59;max-width:180px;font-size:.75rem;line-height:1.6}.cs-panel-empty-sm{text-align:center;padding:12px}.cs-panel-empty-sm p{color:#ffffff4d;font-size:.75rem;line-height:1.5}.cs-format-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.cs-format-btn{cursor:pointer;color:#fff6;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-family:inherit;font-size:.5625rem;transition:all .2s;display:flex}.cs-format-btn:hover{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff26;transform:translateY(-1px)}.cs-format-btn.active{border-color:var(--color-primary);color:var(--text-primary);background:#ff6b2c14;box-shadow:0 0 0 1px #ff6b2c26,inset 0 0 12px #ff6b2c0d}.cs-format-btn span{letter-spacing:.02em;font-weight:600}.cs-var-list{flex-direction:column;gap:3px;display:flex}.cs-var-btn{cursor:pointer;color:#ffffff80;text-align:left;background:#ffffff08;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px 10px;font-family:inherit;font-size:.75rem;transition:all .15s;display:flex}.cs-var-btn:hover{color:var(--text-primary);background:#ff6b2c0f;border-color:#ff6b2c4d}.cs-var-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.cs-var-emoji{flex-shrink:0;font-size:.875rem}.cs-var-label{flex:1;min-width:0;font-weight:500}.cs-var-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:4px;max-width:80px;padding:2px 6px;font-size:.625rem;overflow:hidden}.cs-add-text-btn{color:#ffffff59;cursor:pointer;background:0 0;border:1.5px dashed #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:10px 14px;padding:9px;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.cs-add-text-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff6b2c0f}.cs-layer-list{flex-direction:column;gap:2px;display:flex}.cs-layer-item{color:#fff6;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;font-size:.6875rem;transition:all .15s;display:flex}.cs-layer-item:hover{color:var(--text-primary);background:#ffffff0f}.cs-layer-item.active{color:var(--color-primary);background:#ff6b2c1a}.cs-canvas-area{background:radial-gradient(#0d0d1a 0%,#06060e 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:auto}.cs-canvas-area:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.cs-canvas-wrapper{transform-origin:50%;z-index:1;transition:transform .2s;position:relative}.cs-canvas{border-radius:6px;width:400px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080,0 4px 16px #0000004d,0 0 0 1px #ffffff0f}.cs-canvas-info{color:#ffffff40;text-align:center;letter-spacing:.04em;z-index:1;margin-top:12px;font-size:.625rem;position:relative}.cs-element{cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .15s;position:absolute}.cs-element.dragging{cursor:grabbing}.cs-element.selected{outline:2px solid var(--color-primary);outline-offset:2px}.cs-el-text{word-wrap:break-word;text-shadow:0 1px 4px #00000080;width:100%;padding:4px;line-height:1.2}.cs-el-image{pointer-events:none;border-radius:4px;width:100%;height:auto;display:block}.cs-handle{border:2px solid var(--color-primary);z-index:100;background:#fff;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 1px 4px #0000004d}.cs-handle-tl{cursor:nw-resize;top:-4px;left:-4px}.cs-handle-tr{cursor:ne-resize;top:-4px;right:-4px}.cs-handle-bl{cursor:sw-resize;bottom:-4px;left:-4px}.cs-handle-br{cursor:se-resize;bottom:-4px;right:-4px}.cs-bg-presets{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:10px;display:grid}.cs-bg-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:6px;width:100%;transition:all .2s;box-shadow:0 1px 4px #00000040}.cs-bg-swatch--light{box-shadow:0 1px 4px #00000040,inset 0 0 0 1px #0000001a}.cs-bg-swatch:hover{z-index:2;position:relative;transform:scale(1.15);box-shadow:0 4px 12px #0006}.cs-bg-swatch.active{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b2c4d,0 4px 12px #0000004d}.cs-color-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cs-color-row label{color:#ffffff59;flex-shrink:0;font-size:.6875rem}.cs-color-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;width:28px;height:28px;padding:2px}.cs-input-sm,.cs-input-full{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;outline:none;flex:1;min-width:0;padding:5px 8px;font-family:inherit;font-size:.6875rem;transition:border-color .15s}.cs-input-full{width:100%}.cs-input-sm:focus,.cs-input-full:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b2c14}.cs-btn-import-colors{color:#ffffff4d;cursor:pointer;background:0 0;border:1px dashed #ffffff14;border-radius:8px;align-items:center;gap:6px;width:100%;padding:6px 12px;font-family:inherit;font-size:.6875rem;transition:all .2s;display:flex}.cs-btn-import-colors:hover{border-color:var(--color-primary);color:var(--color-primary)}.cs-prop-section-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid #ffffff0f;align-items:center;gap:6px;margin:12px 0 8px;padding-top:8px;font-size:.6875rem;font-weight:600;display:flex}.cs-prop-section-label:first-child{border-top:none;margin-top:0;padding-top:0}.cs-prop-section-toggle{color:#ffffff73;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;margin:12px 0 8px;padding:6px 0;font-family:inherit;font-size:.6875rem;font-weight:600;transition:color .2s;display:flex}.cs-prop-section-toggle:hover{color:#ffffffb3}.cs-prop-section-dot{border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:auto}.cs-bg-presets--sm{grid-template-columns:repeat(4,1fr);gap:3px}.cs-bg-presets--sm .cs-bg-swatch{border-radius:4px}.cs-prop-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.cs-prop-row label{color:#ffffff59;flex-shrink:0;min-width:56px;font-size:.6875rem}.cs-prop-row input[type=range]{accent-color:var(--color-primary);flex:1;height:3px}.cs-prop-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;width:28px;height:28px;padding:2px}.cs-prop-value{color:#ffffff4d;text-align:right;font-variant-numeric:tabular-nums;min-width:34px;font-size:.625rem}.cs-text-controls{border-bottom:1px solid #ffffff0a;gap:2px;margin-bottom:8px;padding:6px 0;display:flex}.cs-btn-delete{color:#ef4444cc;cursor:pointer;background:#ef444414;border:1px solid #ef44441f;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:6px;padding:7px;font-family:inherit;font-size:.75rem;transition:all .15s;display:flex}.cs-btn-delete:hover{color:#ef4444;background:#ef444426;border-color:#ef444440}@media (width<=1200px){.cs-workspace{grid-template-columns:220px 1fr 220px}}@media (width<=1024px){.cs-workspace{grid-template-columns:200px 1fr}.cs-panel-right{z-index:60;width:260px;transition:transform var(--transition-base);-webkit-backdrop-filter:blur(16px);background:#0c0c18f2;border-left:1px solid #ffffff0d;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cs-panel-right.open{transform:translate(0)}}@media (width<=768px){.cs-topbar{flex-wrap:wrap;padding:8px 10px}.cs-topbar-left{flex:1;min-width:0;overflow-x:auto}.cs-select-site,.cs-select-produto{max-width:130px;font-size:.6875rem}.cs-workspace{grid-template-columns:1fr}.cs-panel-left{border-bottom:1px solid #ffffff0d;border-right:none;max-height:220px;overflow-y:auto}.cs-canvas-area{padding:12px}.cs-canvas{width:300px}.cs-btn-export span{display:none}}@media (width<=480px){.cs-brand span{display:none}.cs-format-grid{grid-template-columns:repeat(3,1fr)}.cs-canvas{width:260px}}.cs-mode-toggle{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;display:flex;overflow:hidden}.cs-mode-btn{color:#fff6;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.cs-mode-btn:first-child{border-right:1px solid #ffffff0f}.cs-mode-btn.active{color:var(--color-primary);background:#ff6b2c1f}.cs-mode-btn:hover:not(.active){color:var(--text-primary);background:#ffffff0f}.cs-btn-save{cursor:pointer;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 16px #22c55e40,inset 0 1px #ffffff26}.cs-btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 24px #22c55e66,inset 0 1px #ffffff26}.cs-btn-save:disabled{opacity:.4;cursor:default;pointer-events:none;transform:none}.cs-var-tag{color:#fff;pointer-events:none;z-index:50;background:linear-gradient(135deg,#7c3aed,#a855f7);border:2px solid #06060e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.55rem;line-height:1;display:flex;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 6px #7c3aed66}.cs-element.is-variable{border:1px dashed #7c3aed4d;border-radius:4px}.cs-var-btn.added{opacity:.4;background:#22c55e0f;border-color:#22c55e4d}.cs-var-check{color:var(--color-success);font-size:.75rem;font-weight:700}.cs-panel-hint{color:#ffffff4d;margin-bottom:8px;font-size:.625rem;line-height:1.5}.cs-layer-badge{text-transform:uppercase;letter-spacing:.06em;color:#a855f7;background:#7c3aed1f;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:.5rem;font-weight:700}.cs-el-placeholder{aspect-ratio:1;color:#fff6;background:#ffffff0d;border:2px dashed #ffffff1f;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;font-size:.625rem;display:flex}.cs-template-list{flex-direction:column;gap:4px;display:flex}.cs-template-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:8px;width:100%;padding:7px;font-family:inherit;transition:all .2s;display:flex}.cs-template-item:hover{background:#ffffff0a;border-color:#ffffff1f}.cs-template-item.active{border-color:var(--color-primary);background:#ff6b2c0f}.cs-template-thumb{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;min-height:36px;display:flex;box-shadow:0 2px 6px #0000004d}.cs-template-info{flex:1;min-width:0}.cs-template-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.cs-template-format{color:#ffffff4d;font-size:.625rem;display:block}.cs-template-system{background:linear-gradient(135deg,#ffd7000a,#ffa50005);border-color:#ffd70026}.cs-template-system:hover{background:linear-gradient(135deg,#ffd7000f,#ffa50008);border-color:#ffd7004d}.cs-btn-duplicate{color:var(--color-primary);cursor:pointer;white-space:nowrap;background:#ff6b2c14;border:1px solid #ff6b2c4d;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:3px 8px;font-family:inherit;font-size:.625rem;font-weight:600;transition:all .2s;display:flex}.cs-btn-duplicate:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #ff6b2c4d}.cs-produto-preview{align-items:center;gap:10px;display:flex}.cs-produto-thumb{object-fit:cover;background:#ffffff0a;border-radius:6px;flex-shrink:0;width:44px;height:44px;box-shadow:0 2px 6px #0000004d}.cs-produto-details{flex:1;min-width:0}.cs-produto-details strong{white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;display:block;overflow:hidden}.cs-produto-price{color:var(--color-success);font-size:.8125rem;font-weight:700}.cs-initial{flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:40px 20px;display:flex}.cs-initial-header{text-align:center;margin-bottom:40px}.cs-initial-icon{width:56px;height:56px;color:var(--color-primary);background:linear-gradient(135deg,#ff6b2c26,#a855f71a);border-radius:16px;justify-content:center;align-items:center;margin-bottom:16px;display:inline-flex;box-shadow:0 4px 24px #ff6b2c26}.cs-initial-title{background:linear-gradient(135deg, var(--color-primary), #a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:1.75rem;font-weight:800}.cs-initial-subtitle{color:#fff6;max-width:380px;font-size:.9375rem;line-height:1.5}.cs-initial-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:720px;display:grid}.cs-initial-card{text-align:center;cursor:pointer;color:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;align-items:center;padding:28px 20px;font-family:inherit;transition:all .3s;display:flex}.cs-initial-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.cs-initial-card-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.cs-initial-card h3{color:var(--text-primary);margin-bottom:6px;font-size:.9375rem;font-weight:700}.cs-initial-card p{color:#ffffff59;font-size:.8125rem;line-height:1.5}.cs-selection-screen{flex-direction:column;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:40px 24px 60px;display:flex}.cs-selection-back{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:32px;padding:8px 16px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.cs-selection-back:hover{color:var(--text-primary);background:#ffffff14;border-color:#ffffff26}.cs-selection-header{text-align:center;margin-bottom:32px}.cs-selection-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 12px;display:flex}.cs-selection-title{margin-bottom:6px;font-size:1.5rem;font-weight:700}.cs-selection-title--green{background:linear-gradient(135deg,#22c55e,#86efac);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cs-selection-title--purple{background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.cs-selection-subtitle{color:#fff6;max-width:400px;margin:0 auto;font-size:.8125rem;line-height:1.4}.cs-selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;width:100%;display:grid}.cs-selection-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;transition:all .25s;overflow:hidden}.cs-selection-card:hover{border-color:#ffffff1f;transform:translateY(-3px);box-shadow:0 12px 32px #00000040}.cs-selection-card-btn{cursor:pointer;width:100%;color:inherit;background:0 0;border:none;padding:0;font-family:inherit;display:block}.cs-selection-card-btn:disabled{opacity:.6;cursor:default}.cs-selection-preview{aspect-ratio:1;border-bottom:1px solid #ffffff0a;width:100%;position:relative;overflow:hidden}.cs-selection-overlay{opacity:0;-webkit-backdrop-filter:blur(6px);color:#fff;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.6875rem;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.cs-selection-card:hover .cs-selection-overlay{opacity:1}.cs-selection-card-footer{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.cs-selection-card-info{flex:1;min-width:0}.cs-selection-card-info h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.8125rem;font-weight:600;overflow:hidden}.cs-selection-card-info span{color:#ffffff4d;font-size:.6875rem}.cs-selection-delete{cursor:pointer;color:#ffffff26;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.cs-selection-delete:hover{color:#ef4444;background:#ef44441a}@media (width<=640px){.cs-initial-grid{grid-template-columns:1fr;max-width:320px}.cs-initial-title{font-size:1.375rem}.cs-initial-card{padding:20px 16px}.cs-selection-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.cs-selection-screen{padding:20px 16px 40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-card{animation:.3s both fadeInUp}.stat-card:nth-child(2){animation-delay:50ms}.stat-card:nth-child(3){animation-delay:.1s}.stat-card:nth-child(4){animation-delay:.15s}.plan-card:nth-child(2){animation-delay:80ms}.plan-card:nth-child(3){animation-delay:.16s}.spin{animation:1s linear infinite spin}.btn-danger-solid{background:var(--color-danger);color:#fff}.btn-danger-solid:hover{background:#dc2626}.confirm-modal{max-width:420px}.mobile-header{z-index:60;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:56px;padding:0 12px;display:none;position:fixed;top:0;left:0;right:0}.mobile-header-menu{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mobile-header-brand{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.sidebar-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.more-drawer-overlay{z-index:110;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;animation:.2s fadeIn;position:fixed;inset:0}.more-drawer{z-index:120;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding-bottom:env(safe-area-inset-bottom,16px);border-radius:20px 20px 0 0;transition:transform .3s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.more-drawer.open{transform:translateY(0)}.more-drawer-handle{background:var(--bg-tertiary);border-radius:2px;width:36px;height:4px;margin:12px auto 0}.more-drawer-header{color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 20px 8px;font-size:.875rem;font-weight:600;display:flex}.more-drawer-items{padding:8px 12px}.more-drawer-item{border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:14px;min-height:52px;padding:14px 12px;font-family:inherit;font-size:.9375rem;font-weight:500;display:flex}.more-drawer-item:hover{background:var(--bg-hover)}.more-drawer-item--danger{color:var(--color-danger)}.more-drawer-divider{background:var(--border-color);height:1px;margin:8px 0}.ce-tabs{border-bottom:1px solid var(--border-color);flex-direction:column;gap:2px;padding:12px 8px;display:flex}.ce-tab{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;font-weight:500;display:flex}.ce-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.ce-tab.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.ce-panel-content{scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;flex:1;overflow-y:auto}.ce-form{flex-direction:column;gap:12px;display:flex}.ce-template-grid{flex-direction:column;gap:10px;margin-top:8px;display:flex}.ce-template-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:left;color:inherit;align-items:center;gap:12px;padding:12px;font-family:inherit;transition:all .2s;display:flex;position:relative}.ce-template-card:hover{border-color:var(--text-muted)}.ce-template-card.active{border-color:var(--color-primary);background:var(--color-primary-light)}.ce-template-preview{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:72px;display:flex}.ce-template-preview-icon{opacity:.8}.ce-template-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ce-template-info strong{font-size:.875rem}.ce-template-info small{color:var(--text-muted);font-size:.75rem}.ce-template-selected{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.ce-inherit-notice{background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:12px;padding:12px}.ce-inherit-header{justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;display:flex}.ce-color-preview-row{align-items:center;gap:8px;margin-top:8px;display:flex}.ce-color-dot{border:2px solid var(--border-color);border-radius:50%;width:24px;height:24px}.ce-toggle-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.ce-toggle-info{flex-direction:column;gap:2px;display:flex}.ce-toggle-info strong{font-size:.8125rem}.ce-toggle-info small{color:var(--text-muted);font-size:.75rem}.ce-divider{background:var(--border-color);height:1px;margin:8px 0}.ce-cta-styles{gap:8px;display:flex}.ce-cta-style-btn{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:6px;padding:10px 8px;font-family:inherit;font-size:.75rem;transition:all .2s;display:flex}.ce-cta-style-btn:hover{border-color:var(--text-muted)}.ce-cta-style-btn.active{border-color:var(--color-primary);color:var(--color-primary)}.ce-cta-preview{width:100%;height:24px}.ce-seo-preview{background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:16px;padding:12px}.ce-seo-card{align-items:flex-start;gap:12px;display:flex}.ce-seo-card-img{background:var(--bg-hover);border-radius:var(--radius-md);width:52px;height:52px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ce-seo-card-text{flex-direction:column;gap:3px;min-width:0;display:flex}.ce-seo-card-text strong{color:#4285f4;font-size:.875rem}.ce-seo-card-text small{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.ce-seo-card-url{color:var(--text-muted);font-size:.6875rem}.ce-char-count{float:right;font-size:.6875rem;font-weight:400}.ce-preview-frame{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.feed-card{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;font-size:.75rem;transition:border-color .2s;display:flex;overflow:hidden}.feed-card--alt{background:var(--bg-secondary)}.feed-card-img{background:#fff;flex-shrink:0;padding-top:50%;position:relative}.feed-card-img img{object-fit:contain;width:100%;height:100%;padding:4px;position:absolute;top:0;left:0}.feed-card-badge-discount{background:var(--color-danger);color:#fff;border-radius:var(--radius-sm);padding:2px 6px;font-size:.5625rem;font-weight:700;position:absolute;top:6px;left:6px}.feed-card-badge-source{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;padding:2px 7px;font-size:.55rem;font-weight:600;display:inline-flex}.feed-tag{color:var(--text-muted);white-space:nowrap;opacity:.7;background:#9ca3af1a;border-radius:3px;align-items:center;padding:1px 5px;font-size:.5rem;font-weight:500;display:inline-flex}.feed-card-badge-sent{color:#fff;border-radius:var(--radius-sm);background:#3b82f6e6;align-items:center;gap:3px;padding:3px 8px;font-size:.5625rem;font-weight:700;display:flex;position:absolute;bottom:6px;right:6px}.feed-card-menu-btn{z-index:2;border-radius:var(--radius-sm);cursor:pointer;color:#fff;background:#00000080;border:none;align-items:center;padding:4px 6px;transition:background .15s;display:flex;position:absolute;top:6px;right:6px}.feed-card-menu-btn:hover{background:#000000b3}.feed-card-info{flex-direction:column;flex:1;gap:4px;padding:8px 10px;display:flex}.feed-card-title{font-size:.6875rem;font-weight:600;line-height:1.3}.feed-card-prices{align-items:baseline;gap:6px;display:flex}.feed-card-price{color:var(--color-success);font-size:.875rem;font-weight:700}.feed-card-price-old{color:var(--text-muted);font-size:.625rem;text-decoration:line-through}.feed-card-commission{color:var(--color-primary);font-size:.625rem;font-weight:600}.feed-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.feed-card-link{color:var(--text-muted);align-items:center;gap:3px;font-size:.625rem;display:inline-flex}.feed-card-ai-badge{color:var(--color-success);border-radius:var(--radius-sm);background:#10b98126;padding:2px 6px;font-size:.5625rem;font-weight:600}.feed-card-actions{border-top:1px solid var(--border-color);display:flex}.feed-card-act{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px;font-family:inherit;font-size:.6875rem;font-weight:600;transition:background .15s;display:flex}.feed-card-act:disabled{opacity:.5;cursor:not-allowed}.feed-card-act--reject{color:var(--color-danger);border-right:1px solid var(--border-color)}.feed-card-act--reject:hover:not(:disabled){background:#ef444414}.feed-card-act--approve{color:var(--color-success)}.feed-card-act--approve:hover:not(:disabled){background:#10b98114}.feed-stats-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.feed-stat-pill{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--pill-color,var(--text-primary));align-items:center;gap:10px;padding:12px 14px;font-family:inherit;transition:border-color .2s,box-shadow .2s;display:flex}.feed-stat-pill:hover{border-color:var(--pill-color)}.feed-stat-pill.active{border-color:var(--pill-color);box-shadow:0 0 0 1px var(--pill-color)}.feed-stat-pill .feed-stat-value{color:var(--text-primary);font-size:1.125rem;font-weight:700}.feed-stat-pill .feed-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}@media (width<=768px){.sidebar{z-index:50;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}.mobile-header{display:flex}.desktop-topbar,.user-menu-name{display:none}.user-menu-trigger{border:none;padding:4px}.user-menu-chevron{display:none}.main-wrapper{margin-left:0}.main-content{padding-top:56px;padding-bottom:80px}.page-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.page-header>div:last-child{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:40;gap:8px;padding:12px 20px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000001a}.page-header>div:last-child .btn{flex:1}.page-body{box-sizing:border-box;width:100%;padding:12px;overflow-x:hidden}.page-body .card{box-sizing:border-box;width:100%}.page-body .card-body{padding:16px}.page-body .form-grid{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{gap:10px;padding:14px}.stat-card .icon-box{width:40px;height:40px}.stat-card .stat-info h3{font-size:1.25rem}.plans-grid,.form-grid,.form-grid.cols-2{grid-template-columns:1fr}.page-body[style*="grid-template-columns: 1fr 380px"]{grid-template-columns:1fr!important}.page-body>div:last-child[style*="position: sticky"]{display:none}.site-tabs{padding:0 12px}.site-tab span{display:none}.site-tab{padding:10px}.feed-stats-grid{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;overflow-x:auto;gap:6px!important;display:flex!important}.feed-stats-grid::-webkit-scrollbar{display:none}.feed-stat-pill{white-space:nowrap;flex-direction:row!important;gap:4px!important;min-width:auto!important;padding:6px 10px!important;font-size:.75rem!important}.feed-stat-pill .feed-stat-label{display:none}.feed-stat-pill .feed-stat-value{font-weight:700;font-size:.75rem!important}.feed-card-list{flex-direction:column!important;gap:12px!important;display:flex!important}.feed-card{flex-flow:wrap}.feed-card-img{flex-shrink:0;width:100px;height:100px;padding-top:0}.feed-card-info{flex:1;min-width:0;padding-bottom:20px}.feed-card-actions{width:100%}.table-container{border:none;border-radius:0}table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:12px;padding:12px 16px}td{border-top:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:.875rem;display:flex}td:before{content:attr(data-label);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.75rem;font-weight:600}td:last-child{border-top:1px solid var(--border-light);justify-content:flex-end;margin-top:4px;padding-top:10px}td:last-child:before{display:none}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:20px 20px 0 0;animation:.3s cubic-bezier(.32,.72,0,1) slideUp;max-width:100%!important;max-height:85vh!important}.modal .modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,8px))}.site-modal{width:100%!important;max-width:100%!important;max-height:90vh!important}.site-modal .modal-body{padding:16px}.site-modal .form-grid{gap:16px}.site-modal .form-grid.cols-2{grid-template-columns:1fr}.site-modal{border-radius:20px 20px 0 0;max-width:100%!important;max-height:95vh!important}.login-card{margin:16px;padding:32px 24px}.bar-chart{height:140px}.bar-label{display:none}.an-cards-grid{grid-template-columns:repeat(2,1fr)}.an-bottom-grid{grid-template-columns:1fr}.an-hour-bars{height:120px}.an-hour-label{display:none}.an-filters{flex-direction:column;align-items:stretch}.an-filters .input{max-width:none}.toolbar{flex-direction:column;align-items:stretch}.toolbar .search-input{min-width:auto}.btn{min-height:44px}.btn-sm{min-height:36px}.nav-item{min-height:44px}.mob-item{min-height:52px;padding:8px 12px}}@media (width<=480px){.an-cards-grid,.stats-grid{grid-template-columns:1fr}}.action-menu{z-index:200;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:150px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.action-menu-item{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;min-height:44px;padding:11px 14px;font-family:inherit;font-size:.875rem;display:flex}.action-menu-item:hover{background:var(--bg-hover)}.action-menu-item--danger{color:var(--color-danger)}.ai-hero{text-align:center;background:linear-gradient(135deg,#ff6b2c 0%,#7c3aed 50%,#3b82f6 100%);border-radius:1.25rem;margin-bottom:2rem;padding:3rem 2rem;position:relative;overflow:hidden}.ai-hero-glow{pointer-events:none;background:radial-gradient(circle at 30%,#ffffff26 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite alternate heroGlow;position:absolute;top:-50%;left:-50%}@keyframes heroGlow{0%{transform:translate(0)}to{transform:translate(10%,-10%)}}.ai-hero-content{z-index:1;position:relative}.ai-hero-content h1{text-shadow:0 2px 8px #0003;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2.25rem;font-weight:800;display:flex}.ai-hero-content p{opacity:.9;font-size:1.125rem;font-weight:400}.ai-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (width<=1100px){.ai-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.ai-grid{grid-template-columns:1fr}.ai-hero-content h1{font-size:1.75rem}}.ai-card{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:1.25rem;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.5s both cardEntrance;position:relative;overflow:hidden}@keyframes cardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-card:hover{box-shadow:0 20px 60px #0000004d, 0 0 30px var(--agent-color,#ff6b2c)15;border-color:#ffffff26;transform:translateY(-6px)}.ai-card-glow{pointer-events:none;opacity:.5;height:120px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.ai-card:hover .ai-card-glow{opacity:1}.ai-card-content{text-align:center;flex-direction:column;align-items:center;padding:1.75rem 1.5rem 1.5rem;display:flex;position:relative}.ai-avatar-wrapper{margin-bottom:1rem;position:relative}.ai-avatar{border:3px solid;border-radius:50%;width:88px;height:88px;transition:box-shadow .3s,transform .3s;overflow:hidden}.ai-card:hover .ai-avatar{transform:scale(1.05)}.ai-avatar img{object-fit:cover;width:100%;height:100%}.ai-online-dot{border:3px solid var(--bg-primary,#0f1117);background:#22c55e;border-radius:50%;width:14px;height:14px;animation:2s ease-in-out infinite pulse-dot;position:absolute;bottom:4px;right:4px}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e80}50%{box-shadow:0 0 0 6px #22c55e00}}.ai-name{color:var(--text-primary,#fff);margin-bottom:.25rem;font-size:1.125rem;font-weight:700}.ai-role{letter-spacing:.02em;margin-bottom:.875rem;font-size:.8125rem;font-weight:600}.ai-skills{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:.875rem;display:flex}.ai-skill-tag{letter-spacing:.01em;border:1px solid;border-radius:100px;padding:4px 10px;font-size:.6875rem;font-weight:600;transition:transform .2s}.ai-skill-tag:hover{transform:scale(1.05)}.ai-desc{color:var(--text-muted,#9ca3af);flex-grow:1;margin-bottom:1.25rem;font-size:.8125rem;line-height:1.5}.ai-consult-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-size:.875rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:flex}.ai-consult-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.ai-consult-btn:active{transform:translateY(0)}.ai-chat-modal{background:var(--bg-primary,#0f1117);border:1px solid #ffffff1a;border-radius:1.25rem;flex-direction:column;width:95%;max-width:620px;max-height:80vh;animation:.3s modalSlide;display:flex;overflow:hidden;box-shadow:0 24px 80px #0009}@keyframes modalSlide{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ai-chat-header{background:#ffffff05;border-bottom:1px solid;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.ai-chat-agent-info{align-items:center;gap:.875rem;display:flex}.ai-chat-avatar{border:2px solid;border-radius:50%;flex-shrink:0;width:44px;height:44px;overflow:hidden}.ai-chat-avatar img{object-fit:cover;width:100%;height:100%}.ai-chat-agent-info h3{margin:0;font-size:1rem;font-weight:700}.ai-chat-close{color:var(--text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:8px;padding:6px;transition:background .2s;display:flex}.ai-chat-close:hover{color:#fff;background:#ffffff1f}.ai-chat-body{flex:1;min-height:200px;max-height:50vh;padding:1.5rem;overflow-y:auto}.ai-chat-loading{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem 0;display:flex}.ai-chat-loading p{font-size:.875rem;animation:1.5s ease-in-out infinite fadeInOut}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}.ai-typing-indicator{gap:6px;display:flex}.ai-typing-indicator span{background:var(--text-muted);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite typing}.ai-typing-indicator span:nth-child(2){animation-delay:.2s}.ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.ai-chat-response{animation:.4s fadeIn}.ai-chat-bubble{white-space:pre-wrap;color:var(--text-primary,#e5e7eb);background:#ffffff0a;border:1px solid #ffffff14;border-radius:1rem;padding:1.25rem;font-size:.875rem;line-height:1.7}.ai-chat-input-area{background:#ffffff05;border-top:1px solid #ffffff0f;gap:.75rem;padding:1rem 1.5rem 1.25rem;display:flex}.ai-chat-input{color:var(--text-primary,#fff);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;flex:1;padding:10px 16px;font-size:.875rem;transition:border-color .2s}.ai-chat-input:focus{border-color:#ffffff40}.ai-chat-input::placeholder{color:var(--text-muted,#6b7280)}.ai-send-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:transform .2s,filter .2s;display:flex}.ai-send-btn:hover:not(:disabled){filter:brightness(1.15);transform:scale(1.05)}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed}.ai-info-banner{background:linear-gradient(135deg,#3b82f614,#7c3aed14);border:1px solid #3b82f633;border-radius:1rem;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.ai-info-icon{flex-shrink:0;margin-top:2px;font-size:1.5rem}.ai-info-banner strong{color:var(--text-primary,#fff);margin-bottom:4px;font-size:.9375rem;display:block}.ai-info-banner p{color:var(--text-muted,#9ca3af);margin:0;font-size:.8125rem;line-height:1.5}.ch-hero{border-radius:var(--radius-xl,16px);background:linear-gradient(135deg,#25d36614 0%,#25d36605 100%);border:1px solid #25d36626;margin-bottom:20px;padding:20px;position:relative;overflow:hidden}.ch-hero-glow{pointer-events:none;background:radial-gradient(circle,#25d36614 0%,#0000 70%);width:60%;height:160%;position:absolute;top:-30%;right:-30%}.ch-hero-content{z-index:1;align-items:center;gap:14px;display:flex;position:relative}.ch-hero-title{color:var(--text-primary);margin-bottom:2px;font-size:1.15rem;font-weight:700}.ch-hero-sub{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.4}.ch-alert{border-radius:var(--radius-md,8px);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.825rem;font-weight:500;display:flex}.ch-alert--success{color:#22c55e;background:#22c55e14;border:1px solid #22c55e2e}.ch-alert--error{color:#ef4444;background:#ef444414;border:1px solid #ef44442e}.ch-empty{text-align:center;color:var(--text-muted);padding:60px 20px}.ch-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}@media (width<=700px){.ch-grid{grid-template-columns:1fr}}.ch-card{background:var(--bg-card);border:1px solid var(--border-color,#ffffff14);border-radius:16px;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s;animation:.4s both cardEntrance;position:relative;overflow:hidden}.ch-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f}.ch-card--connected{border-color:#25d36640}.ch-card--connected:hover{box-shadow:0 8px 30px #25d3661a}.ch-card-glow{pointer-events:none;background:radial-gradient(at 50% 0,#25d36614 0%,#0000 70%);height:80px;position:absolute;top:0;left:0;right:0}.ch-card-top{align-items:center;gap:14px;margin-bottom:12px;display:flex}.ch-avatar-wrap{flex-shrink:0;position:relative}.ch-avatar-img{object-fit:cover;border:2.5px solid;border-radius:50%;width:52px;height:52px;transition:transform .2s}.ch-card:hover .ch-avatar-img{transform:scale(1.05)}.ch-avatar-placeholder{border:2.5px solid;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.ch-card:hover .ch-avatar-placeholder{transform:scale(1.05)}.ch-status-dot{border:2.5px solid var(--bg-card);border-radius:50%;width:14px;height:14px;position:absolute;bottom:1px;right:1px}.ch-card--connected .ch-status-dot{animation:2s ease-in-out infinite pulse-dot}.ch-card-info{flex:1;min-width:0}.ch-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:1rem;font-weight:700;overflow:hidden}.ch-card-phone{color:#25d366;letter-spacing:.2px;align-items:center;gap:5px;font-size:.82rem;font-weight:600;display:flex}.ch-card-sub{color:var(--text-muted);font-size:.8rem}.ch-card-badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ch-badge{letter-spacing:.02em;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.ch-badge-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.ch-badge--provider{color:#6366f1;background:#6366f114;border:1px solid #6366f12e}.ch-badge--time{color:var(--text-muted);border:1px solid var(--border-color,#ffffff14);background:#ffffff08}.ch-card-profile{color:var(--text-muted);border-radius:var(--radius-md,8px);border:1px solid var(--border-color,#ffffff0f);background:#ffffff05;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-size:.78rem;display:flex}.ch-connect-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 2px 8px #25d36640}.ch-connect-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px #25d3664d}.ch-connect-btn:active{transform:translateY(0)}.modal-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:20px;font-size:1.1rem;font-weight:700;display:flex}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;margin-left:auto;padding:4px;transition:color .2s;display:flex}.modal-close:hover{color:var(--text-primary)}