:root {
  --zc-primary: #5568ff;
  --zc-primary-hover: #4052e8;
  --zc-primary-soft: #eef0ff;
  --zc-bg: #f6f7fb;
  --zc-surface: #ffffff;
  --zc-surface-muted: #f0f2f7;
  --zc-border: #d9deea;
  --zc-text: #111827;
  --zc-text-muted: #667085;
  --zc-success: #16a34a;
  --zc-success-soft: #eaf8ef;
  --zc-warning: #d97706;
  --zc-warning-soft: #fff4df;
  --zc-danger: #dc2626;
  --zc-danger-soft: #fff1f2;
  --zc-radius: 16px;
  --zc-radius-sm: 10px;
  --zc-shadow: 0 18px 50px rgba(15, 23, 42, 0.12);
  --zc-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { font-family: var(--zc-font); }
.zc-embed-body { margin: 0; min-height: 100vh; background: var(--zc-bg); color: var(--zc-text); }
.zc-card { background: var(--zc-surface); border: 1px solid var(--zc-border); border-radius: var(--zc-radius); box-shadow: 0 1px 2px rgba(15,23,42,.04); }
.zc-btn-primary { background: var(--zc-primary); color: #fff; border-radius: 999px; padding: 10px 14px; font-weight: 700; }
.zc-btn-primary:hover { background: var(--zc-primary-hover); }
.zc-btn-ghost { border: 1px solid var(--zc-border); background: var(--zc-surface); color: var(--zc-text); border-radius: 999px; padding: 9px 13px; font-weight: 650; }
.zc-pill { border-radius: 999px; background: var(--zc-primary-soft); color: var(--zc-primary); padding: 3px 9px; font-size: 12px; font-weight: 700; }
.zc-muted { color: var(--zc-text-muted); }
.zc-progress { height: 8px; border-radius: 999px; background: var(--zc-surface-muted); overflow: hidden; }
.zc-progress > span { display:block; height:100%; background:var(--zc-primary); border-radius:inherit; }
.zc-scrollbar { scrollbar-width: thin; scrollbar-color: var(--zc-border) transparent; }
.zc-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
.zc-scrollbar::-webkit-scrollbar-thumb { background: var(--zc-border); border-radius: 999px; }
@media print { .no-print{display:none!important} body{background:#fff!important} }