.demo-grid[data-v-79a9b9ee]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px}.demo-card[data-v-79a9b9ee]{background:var(--bg-w);border:1px solid var(--bd);border-radius:16px;padding:32px 24px;text-align:center;cursor:pointer;transition:var(--tr)}.demo-card[data-v-79a9b9ee]:hover{transform:translateY(-4px);box-shadow:var(--sh)}.demo-card.active[data-v-79a9b9ee]{border:2px solid var(--ac);background:var(--ac-l)}.demo-card-icon[data-v-79a9b9ee]{font-size:36px;margin-bottom:12px}.demo-card h3[data-v-79a9b9ee]{font-size:16px;font-weight:700;color:var(--t1);margin-bottom:8px}.demo-card p[data-v-79a9b9ee]{font-size:13px;color:var(--t3);line-height:1.6}.demo-preview[data-v-79a9b9ee]{background:var(--bg-w);border:1px solid var(--bd);border-radius:16px;overflow:hidden;box-shadow:var(--sh)}.demo-preview-header[data-v-79a9b9ee]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-s);border-bottom:1px solid var(--bd)}.demo-preview-dots[data-v-79a9b9ee]{display:flex;gap:8px}.demo-preview-dots span[data-v-79a9b9ee]{width:12px;height:12px;border-radius:50%;background:var(--bd-l)}.demo-preview-dots span[data-v-79a9b9ee]:nth-child(1){background:#ff5f57}.demo-preview-dots span[data-v-79a9b9ee]:nth-child(2){background:#ffbd2e}.demo-preview-dots span[data-v-79a9b9ee]:nth-child(3){background:#28ca42}.demo-preview-title[data-v-79a9b9ee]{font-size:14px;font-weight:500;color:var(--t2)}.demo-preview-badge[data-v-79a9b9ee]{padding:4px 12px;background:var(--ac-l);color:var(--ac);font-size:12px;font-weight:600;border-radius:100px}.demo-preview-body[data-v-79a9b9ee]{padding:32px;min-height:400px}.demo-stats[data-v-79a9b9ee]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.demo-stat[data-v-79a9b9ee]{background:var(--bg-s);border-radius:12px;padding:20px}.demo-stat-val[data-v-79a9b9ee]{font-family:var(--ff-d);font-size:24px;font-weight:700;color:var(--t1)}.demo-stat-label[data-v-79a9b9ee]{font-size:13px;color:var(--t3);margin-top:4px}.demo-stat-trend[data-v-79a9b9ee]{font-size:12px;font-weight:600;margin-top:8px}.demo-stat-trend.up[data-v-79a9b9ee]{color:var(--ac2)}.demo-stat-trend.down[data-v-79a9b9ee]{color:var(--ac)}.demo-chart[data-v-79a9b9ee]{background:var(--bg-s);border-radius:12px;padding:24px}.demo-chart-title[data-v-79a9b9ee]{font-size:14px;font-weight:600;color:var(--t1);margin-bottom:16px}.demo-chart-bars[data-v-79a9b9ee]{display:flex;align-items:flex-end;gap:12px;height:120px}.demo-chart-bar[data-v-79a9b9ee]{flex:1;background:linear-gradient(to top,var(--ac),rgba(232,83,14,.3));border-radius:6px 6px 0 0;min-height:8px;transition:height .5s}.demo-table[data-v-79a9b9ee]{width:100%}.demo-table-header[data-v-79a9b9ee],.demo-table-row[data-v-79a9b9ee]{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:16px;padding:12px 16px;align-items:center}.demo-table-header[data-v-79a9b9ee]{background:var(--bg-s);border-radius:8px;font-size:13px;font-weight:600;color:var(--t3)}.demo-table-row[data-v-79a9b9ee]{border-bottom:1px solid var(--bd);font-size:14px;color:var(--t1)}.demo-status[data-v-79a9b9ee]{padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;text-align:center}.demo-status.approved[data-v-79a9b9ee]{background:#0d7c5f1a;color:var(--ac2)}.demo-status.pending[data-v-79a9b9ee]{background:#f59e0b1a;color:#f59e0b}.demo-status.completed[data-v-79a9b9ee]{background:#3b82f61a;color:#3b82f6}.demo-status.normal[data-v-79a9b9ee]{background:#0d7c5f1a;color:var(--ac2)}.demo-status.warning[data-v-79a9b9ee]{background:#f59e0b1a;color:#f59e0b}.demo-status.danger[data-v-79a9b9ee]{background:#ef44441a;color:#ef4444}.demo-analytics-grid[data-v-79a9b9ee]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.demo-analytics-card[data-v-79a9b9ee]{background:var(--bg-s);border-radius:12px;padding:24px}.demo-analytics-title[data-v-79a9b9ee]{font-size:13px;color:var(--t3);margin-bottom:8px}.demo-analytics-val[data-v-79a9b9ee]{font-family:var(--ff-d);font-size:20px;font-weight:700;color:var(--t1);margin-bottom:16px}.demo-analytics-bar[data-v-79a9b9ee]{height:8px;background:var(--bd);border-radius:4px;overflow:hidden}.demo-analytics-bar-fill[data-v-79a9b9ee]{height:100%;background:linear-gradient(90deg,var(--ac),#f28c38);border-radius:4px;transition:width .8s}.demo-cta[data-v-79a9b9ee]{text-align:center;margin-top:64px;padding:48px;background:var(--bg-w);border-radius:24px;border:1px solid var(--bd)}.demo-cta h3[data-v-79a9b9ee]{font-family:var(--ff-d);font-size:24px;font-weight:700;color:var(--t1);margin-bottom:8px}.demo-cta p[data-v-79a9b9ee]{font-size:15px;color:var(--t3);margin-bottom:24px}@media (max-width:768px){.demo-grid[data-v-79a9b9ee]{grid-template-columns:1fr}.demo-stats[data-v-79a9b9ee]{grid-template-columns:repeat(2,1fr)}.demo-analytics-grid[data-v-79a9b9ee]{grid-template-columns:1fr}.demo-table-header[data-v-79a9b9ee],.demo-table-row[data-v-79a9b9ee]{grid-template-columns:1fr 1fr}}