:root { --cj-blue: #2d50d7; }
.cj-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:16px;margin:8px 0}
.cj-grid{display:grid;gap:12px}
@media(min-width:640px){.cj-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){.cj-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cj-label{font-size:12px;color:#6b7280;margin-bottom:4px}
.cj-input{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}
.cj-input:focus{box-shadow:0 0 0 6px rgba(45,80,215,.15);border-color:#b4c0ff}
.cj-btn{display:inline-flex;align-items:center;gap:8px;background:var(--cj-blue);color:#fff;border-radius:12px;padding:10px 14px;font-weight:600;border:0;cursor:pointer}
.cj-kv{display:flex;align-items:center;justify-content:space-between;background:#f9fafb;border-radius:12px;padding:8px 12px;font-size:14px}
.cj-kv.highlight{background:rgba(45,80,215,.08);color:var(--cj-blue);font-weight:700}
.cj-note{font-size:12px;color:#6b7280}
.cj-hero{background:linear-gradient(135deg,var(--cj-blue),#4f46e5);color:#fff;border-radius:24px;padding:18px 20px;margin-bottom:12px}
@media print{header,footer,nav,.cj-no-print{display:none!important} .cj-btn{display:none} .cj-card{box-shadow:none;border-color:#ddd}}