/* Minimal styles (no Tailwind needed) */
#kpiqc-app { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji"; color:#0f172a; }
.kj-container{max-width:1200px;margin:0 auto;padding:24px;}
.kj-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:1024px){.kj-grid{grid-template-columns:1fr 1fr;}}
.kj-card{background:#ffffffcc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;backdrop-filter:saturate(1.2) blur(2px);box-shadow:0 1px 2px rgba(0,0,0,.06);}
.kj-header{ text-align:center;margin-bottom:8px;}
.kj-title{font-weight:800;font-size:28px;margin:0 0 8px;}
.kj-intro{color:#334155;line-height:1.7;}
.kj-photo{display:block;max-width:320px;width:100%;margin:0 auto;border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.15);}
.kj-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.kj-label{font-size:13px;font-weight:700;margin-bottom:4px;display:block;}
.kj-input,.kj-select,.kj-textarea{width:100%;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px;font-size:14px;background:#fff;}
.kj-textarea{min-height:90px;resize:vertical;}
.kj-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:8px;}
.kj-pill{border:1px solid #cbd5e1;border-radius:999px;padding:8px 14px;font-weight:800;background:#f8fafc;cursor:pointer}
.kj-pill.active{background:#334155;color:#fff;border-color:#334155}
.kj-list{max-height:520px;overflow:auto;}
.kj-model{padding:10px;border-radius:12px;}
.kj-model.active{background:#e0f2fe;border:1px solid #bae6fd}
.kj-btn{display:inline-block;width:100%;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,#059669,#0284c7);color:#fff;font-weight:700;text-align:center;border:none;cursor:pointer;}
.kj-muted{color:#475569;font-size:13px;}
.kj-flex{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.kj-badge{display:inline-block;background:#e2e8f0;border-radius:999px;padding:2px 8px;font-size:12px;margin-inline-end:8px;}
.kj-course{border:1px solid #e2e8f0;border-radius:12px;padding:8px;display:flex;gap:8px;align-items:flex-start;}
.kj-remove{color:#b91c1c;margin:0 8px;}
.kj-note{border:1px dashed #94a3b8;border-radius:12px;padding:8px;background:#f8fafc;color:#334155;font-size:13px;}
.kj-topbar{position:fixed;right:16px;top:16px;z-index:50;display:flex;gap:8px;align-items:center;}
.kj-chip{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:4px 10px;font-size:13px;}
.kj-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:60;}
.kj-modal{background:#fff;border-radius:16px;max-width:720px;width:92vw;padding:16px;box-shadow:0 15px 50px rgba(0,0,0,.25)}
.kj-footer{color:#475569;font-size:13px;text-align:center;margin-top:24px;}
.kj-bg{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1600&auto=format&fit=crop') center/cover no-repeat;filter:saturate(1.05) brightness(.98);z-index:-2}
.kj-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.9),rgba(255,255,255,.7));z-index:-1}