.dashboard-preview[data-v-7ad0336b]{background:#1e1e1e;border-radius:var(--radius-lg);overflow:hidden;margin:1.5rem 0}.preview-header[data-v-7ad0336b]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#2d2d2d}.preview-title[data-v-7ad0336b]{color:#e0e0e0;font-size:.875rem;font-weight:500}.preview-dots[data-v-7ad0336b]{display:flex;gap:.375rem}.preview-dots span[data-v-7ad0336b]{width:10px;height:10px;border-radius:50%;background:#555}.preview-dots span[data-v-7ad0336b]:nth-child(1){background:#ff5f57}.preview-dots span[data-v-7ad0336b]:nth-child(2){background:#febc2e}.preview-dots span[data-v-7ad0336b]:nth-child(3){background:#28c840}.preview-grid[data-v-7ad0336b]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:.75rem;padding:1rem}.widget-placeholder[data-v-7ad0336b]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem 1rem;background:#2d2d2d;border:1px solid #404040;border-radius:var(--radius-md);color:#a0a0a0}.widget-placeholder svg[data-v-7ad0336b]{width:28px;height:28px}.widget-placeholder span[data-v-7ad0336b]{font-size:.8125rem;text-align:center}.widget-placeholder.large[data-v-7ad0336b]{grid-column:span 2;padding:2rem}.widget-placeholder.wide[data-v-7ad0336b]{grid-column:span 2}.interface-breakdown[data-v-7ad0336b]{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.interface-item[data-v-7ad0336b]{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md)}.interface-label[data-v-7ad0336b]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:600;font-size:.875rem;border-radius:50%;flex-shrink:0}.interface-desc[data-v-7ad0336b]{flex:1;font-size:.9375rem;line-height:1.5;color:var(--text-secondary)}.interface-desc strong[data-v-7ad0336b]{color:var(--text-primary)}.widget-grid[data-v-7ad0336b]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}@media(max-width:768px){.widget-grid[data-v-7ad0336b]{grid-template-columns:1fr}}.widget-category[data-v-7ad0336b]{padding:1.25rem;background:var(--bg-light);border-radius:var(--radius-lg)}.widget-category h4[data-v-7ad0336b]{margin:0 0 .75rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-dark)}.widget-category ul[data-v-7ad0336b]{margin:0;padding-left:1.25rem;list-style:disc}.widget-category li[data-v-7ad0336b]{margin-bottom:.375rem;font-size:.875rem;color:var(--text-secondary)}.styling-options[data-v-7ad0336b]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}@media(max-width:640px){.styling-options[data-v-7ad0336b]{grid-template-columns:1fr}}.style-group[data-v-7ad0336b]{padding:1rem;background:var(--bg-white);border:1px solid var(--bg-gray);border-radius:var(--radius-md)}.style-group h4[data-v-7ad0336b]{margin:0 0 .5rem;font-size:.9375rem;color:var(--text-primary)}.style-group ul[data-v-7ad0336b]{margin:0;padding-left:1.25rem;list-style:disc}.style-group li[data-v-7ad0336b]{margin-bottom:.25rem;font-size:.8125rem;color:var(--text-secondary)}.condition-example[data-v-7ad0336b]{background:var(--bg-light);border-radius:var(--radius-lg);overflow:hidden;margin:1.5rem 0}.example-header[data-v-7ad0336b]{padding:.75rem 1rem;background:var(--bg-gray);font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.example-rules[data-v-7ad0336b]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem}@media(max-width:640px){.example-rules[data-v-7ad0336b]{grid-template-columns:repeat(2,1fr)}}.rule-item[data-v-7ad0336b]{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;border-radius:var(--radius-md);text-align:center}.rule-item.cold[data-v-7ad0336b]{background:var(--cp-info-100)}.rule-item.normal[data-v-7ad0336b]{background:var(--cp-success-100)}.rule-item.warm[data-v-7ad0336b]{background:var(--cp-warning-100)}.rule-item.hot[data-v-7ad0336b]{background:var(--cp-error-50)}.rule-condition[data-v-7ad0336b]{font-family:monospace;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.rule-action[data-v-7ad0336b]{font-size:.75rem;color:var(--text-secondary)}.best-practices[data-v-7ad0336b]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}@media(max-width:640px){.best-practices[data-v-7ad0336b]{grid-template-columns:1fr}}.practice-item[data-v-7ad0336b]{display:flex;gap:1rem;padding:1rem;background:var(--bg-light);border-radius:var(--radius-md)}.practice-icon[data-v-7ad0336b]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary-lighter);color:var(--primary);border-radius:var(--radius-md);flex-shrink:0}.practice-icon svg[data-v-7ad0336b]{width:20px;height:20px}.practice-content strong[data-v-7ad0336b]{display:block;font-size:.9375rem;color:var(--text-primary);margin-bottom:.25rem}.practice-content p[data-v-7ad0336b]{margin:0;font-size:.8125rem;color:var(--text-secondary)}.completion-celebration[data-v-7ad0336b]{text-align:center;padding:2.5rem 2rem;background:linear-gradient(135deg,var(--cp-success-500) 0%,var(--cp-success-600) 100%);border-radius:var(--radius-lg);margin:2rem 0;color:#fff}.celebration-icon[data-v-7ad0336b]{width:64px;height:64px;margin:0 auto 1rem;background:var(--cp-white-20);border-radius:50%;display:flex;align-items:center;justify-content:center}.celebration-icon svg[data-v-7ad0336b]{width:36px;height:36px}.celebration-title[data-v-7ad0336b]{margin:0 0 .5rem;font-size:1.75rem;color:#fff}.celebration-subtitle[data-v-7ad0336b]{margin:0 0 1.5rem;font-size:1.0625rem;opacity:.95}.achievement-grid[data-v-7ad0336b]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:1rem}@media(max-width:768px){.achievement-grid[data-v-7ad0336b]{grid-template-columns:repeat(2,1fr)}}.achievement-item[data-v-7ad0336b]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--cp-white-15);border-radius:var(--radius-md)}.achievement-item svg[data-v-7ad0336b]{width:24px;height:24px}.achievement-item span[data-v-7ad0336b]{font-size:.75rem;font-weight:500;text-align:center}