/* ══ VARIABLES ══ */
:root{--n:#0b1f3a;--t:#0a7c6e;--t2:#0d9b8a;--g:#c8a84b;--l:#f4f8f7;--b:#d0e8e4;--gr:#555e6a;--r:#ef4444;--gn:#10b981;--bl:#3b82f6;--p:#8b5cf6;--y:#f59e0b}
*{box-sizing:border-box}

/* ══ FORM WRAP ══ */
.ijcp-wrap{font-family:Georgia,serif;max-width:780px;margin:0 auto;padding:0 16px}
.ijcp-sec{background:#fff;border:1px solid var(--b);border-radius:12px;padding:clamp(20px,3vw,28px);margin-bottom:20px}
.ijcp-sh{font-size:16px;font-weight:700;color:var(--n);margin:0 0 20px;display:flex;align-items:center;gap:10px;font-family:Georgia,serif}
.ijcp-num{width:28px;height:28px;border-radius:50%;background:var(--t);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}
.ijcp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ijcp-f{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}
.ijcp-f label{font-size:11px;font-weight:700;color:var(--n);text-transform:uppercase;letter-spacing:.5px;font-family:Georgia,serif}
.ijcp-f input,.ijcp-f select,.ijcp-f textarea{padding:11px 14px;border:1.5px solid var(--b);border-radius:7px;font-size:14px;font-family:Georgia,serif;width:100%;outline:none;transition:all .2s;background:#fff;color:#222}
.ijcp-f input:focus,.ijcp-f select:focus,.ijcp-f textarea:focus{border-color:var(--t);box-shadow:0 0 0 3px rgba(10,124,110,.08)}
.ijcp-f small{font-size:11px;color:#999;font-family:Georgia,serif}
.opt{font-weight:400;text-transform:none;letter-spacing:0;color:#aaa;font-size:11px}
.ijcp-upload{display:flex;align-items:center;gap:12px;padding:14px 18px;border:2px dashed var(--b);border-radius:8px;background:var(--l);cursor:pointer;transition:all .2s}
.ijcp-upload:hover{border-color:var(--t);background:#e8f5f3}
.ijcp-check-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;color:#444;line-height:1.7;font-family:Georgia,serif}
.ijcp-check-label input{margin-top:3px;width:16px;height:16px;flex-shrink:0;accent-color:var(--t)}
.ijcp-submit{width:100%;padding:15px;background:var(--t);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;font-family:Georgia,serif;cursor:pointer;transition:all .2s;letter-spacing:.3px}
.ijcp-submit:hover{background:var(--t2);transform:translateY(-1px);box-shadow:0 4px 16px rgba(10,124,110,.25)}

/* ══ SUCCESS ══ */
.ijcp-success{max-width:560px;margin:40px auto;text-align:center;padding:0 16px;font-family:Georgia,serif}
.ijcp-success-icon{width:80px;height:80px;background:var(--t);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px;color:#fff}
.ijcp-success h2{color:var(--n);font-size:26px;margin:0 0 14px;font-family:Georgia,serif}
.ijcp-success p{color:#555;font-size:15px;line-height:1.8;margin:0 0 10px}
.ijcp-warn-box{background:#f4f8f7;border:1px solid var(--b);border-radius:10px;padding:16px 20px;margin:16px 0 24px;font-size:14px;color:#444;line-height:1.7}
.ijcp-success-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ══ ALERTS ══ */
.ijcp-error{background:#fde8e8;border:1px solid #fca5a5;border-left:4px solid var(--r);color:#991b1b;padding:13px 16px;border-radius:8px;font-family:Georgia,serif;font-size:14px;margin-bottom:20px;line-height:1.5}
.ijcp-ok{background:#d1fae5;border:1px solid #6ee7b7;border-left:4px solid var(--gn);color:#065f46;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:18px;font-family:Georgia,serif}

/* ══ AUTH ══ */
.ijcp-auth{max-width:540px;margin:0 auto;background:#fff;border:1px solid var(--b);border-radius:14px;padding:clamp(28px,4vw,44px);box-shadow:0 8px 32px rgba(10,22,40,0.08)}
.ijcp-auth-head{text-align:center;margin-bottom:28px}
.ijcp-auth-head img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 14px;display:block;border:2px solid var(--b)}
.ijcp-auth-head h2{font-size:22px;color:var(--n);margin:0 0 6px;font-family:Georgia,serif}
.ijcp-auth-head p{color:var(--gr);font-size:14px;margin:0;font-family:Georgia,serif}
.ijcp-form{display:flex;flex-direction:column}
.ijcp-foot{text-align:center;margin-top:18px;font-size:13px;color:var(--gr);font-family:Georgia,serif}
.ijcp-foot a,.ijcp-link{color:var(--t);font-weight:700;text-decoration:none}

/* ══ BUTTONS ══ */
.ijcp-btn-full{width:100%;padding:14px;background:var(--t);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;font-family:Georgia,serif;cursor:pointer;transition:all .2s}
.ijcp-btn-full:hover{background:var(--t2);transform:translateY(-1px)}
.ijcp-ab{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:7px;font-size:13px;font-weight:700;font-family:Georgia,serif;text-decoration:none;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}
.ijcp-teal{background:var(--t);color:#fff!important}.ijcp-teal:hover{background:var(--t2);color:#fff!important;transform:translateY(-1px)}
.ijcp-grey{background:#f1f5f9;color:#475569!important;border:1px solid #e2e8f0}.ijcp-grey:hover{background:#e2e8f0}
.ijcp-red{background:#fef2f2;color:#dc2626!important;border:1px solid #fecaca}.ijcp-red:hover{background:#fee2e2}
.ijcp-gold{background:var(--g);color:var(--n)!important}.ijcp-gold:hover{background:#d4a843;transform:translateY(-1px)}
.ijcp-out{background:#fff;color:var(--n)!important;border:1.5px solid #dde1e7}.ijcp-out:hover{border-color:var(--t);color:var(--t)!important}
.ijcp-dis{background:#f1f5f9;color:#94a3b8!important;border:1px solid #e2e8f0;cursor:default}
.ijcp-btn-teal{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;background:var(--t);color:#fff;border-radius:7px;text-decoration:none;font-weight:700;font-size:14px;font-family:Georgia,serif;transition:all .2s}
.ijcp-btn-teal:hover{background:var(--t2)}
.ijcp-btn-grey{display:inline-flex;align-items:center;gap:6px;padding:11px 22px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:7px;text-decoration:none;font-weight:700;font-size:14px;font-family:Georgia,serif}

/* ══ DASHBOARD ══ */
.ijcp-topbar{background:var(--n);border-radius:12px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:20px}
.ijcp-tl{display:flex;align-items:center;gap:14px}
.ijcp-av{width:46px;height:46px;border-radius:50%;background:var(--t);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;font-family:Georgia,serif;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}
.ijcp-wc{color:#fff;font-size:17px;font-family:Georgia,serif}
.ijcp-em{color:rgba(255,255,255,.4);font-size:12px;margin-top:2px;font-family:Georgia,serif}
.ijcp-tr{display:flex;gap:8px;flex-wrap:wrap}

/* ══ STATS ══ */
.ijcp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}
.ijcp-stat{background:#fff;border:1px solid var(--b);border-radius:10px;padding:16px;text-align:center}
.ijcp-sn{font-size:30px;font-weight:700;color:var(--n);font-family:Georgia,serif;line-height:1}
.ijcp-sl{font-size:11px;color:var(--gr);margin-top:4px;font-family:Georgia,serif}

/* ══ CARD ══ */
.ijcp-card{background:#fff;border:1px solid var(--b);border-radius:12px;padding:clamp(18px,3vw,28px);margin-bottom:20px}
.ijcp-ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--b)}
.ijcp-ch h3{font-size:18px;font-weight:700;color:var(--n);font-family:Georgia,serif;margin:0}
.ijcp-bn{background:var(--l);color:var(--t);font-size:12px;padding:3px 12px;border-radius:20px;font-weight:700;border:1px solid var(--b);font-family:Georgia,serif}

/* ══ SUBMISSION CARD ══ */
.ijcp-sub{border:1px solid var(--b);border-radius:10px;padding:clamp(16px,2.5vw,22px);margin-bottom:16px;background:#fafefe;transition:border-color .2s}
.ijcp-sub:hover{border-color:var(--t)}
.ijcp-st{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.ijcp-rid{background:var(--l);color:var(--t);font-size:12px;font-weight:700;padding:3px 10px;border-radius:4px;border:1px solid var(--b);flex-shrink:0;font-family:Georgia,serif}
.ijcp-ti{font-size:15px;font-weight:700;color:var(--n);font-family:Georgia,serif;flex:1;line-height:1.4}
.ijcp-pill{font-size:12px;font-weight:700;padding:4px 12px;border-radius:20px;white-space:nowrap;font-family:Georgia,serif}

/* ══ PROGRESS TRACKER ══ */
.ijcp-prog{display:flex;align-items:center;margin:14px 0;padding:14px;background:#fff;border-radius:8px;border:1px solid var(--b);overflow-x:auto}
.ijcp-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
.ijcp-sd{width:30px;height:30px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:all .3s}
.ijcp-step.done .ijcp-sd{background:var(--t);color:#fff}
.ijcp-step.active .ijcp-sd{background:var(--g);color:var(--n);box-shadow:0 0 0 4px rgba(200,168,75,.2)}
.ijcp-sl2{font-size:10px;color:var(--gr);white-space:nowrap;font-family:Georgia,serif}
.ijcp-step.done .ijcp-sl2{color:var(--t);font-weight:700}
.ijcp-step.active .ijcp-sl2{color:var(--g);font-weight:700}
.ijcp-bar{flex:1;height:2px;background:#e5e7eb;min-width:16px;margin-bottom:14px}
.ijcp-bar.done{background:var(--t)}

/* ══ DETAILS ══ */
.ijcp-det{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;padding:14px;background:#fff;border-radius:8px;border:1px solid var(--b)}
.ijcp-det>div{display:flex;flex-direction:column;gap:2px}
.dl{font-size:10px;color:var(--gr);text-transform:uppercase;letter-spacing:.5px;font-family:Georgia,serif}
.dv{font-size:13px;font-weight:700;color:var(--n);font-family:Georgia,serif}

/* ══ MESSAGES ══ */
.ijcp-msg{padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.7;margin:12px 0;font-family:Georgia,serif}
.ijcp-msg-y{background:#fffbeb;border:1px solid #fcd34d;border-left:3px solid var(--y);color:#78350f}
.ijcp-msg-b{background:#eff6ff;border:1px solid #93c5fd;border-left:3px solid var(--bl);color:#1e3a5f}
.ijcp-msg-g{background:#ecfdf5;border:1px solid #6ee7b7;border-left:3px solid var(--gn);color:#064e3b}
.ijcp-msg-r{background:#fef2f2;border:1px solid #fca5a5;border-left:3px solid var(--r);color:#7f1d1d}
.ijcp-msg-p{background:#f5f3ff;border:1px solid #c4b5fd;border-left:3px solid var(--p);color:#3b0764}

/* ══ ACTIONS ══ */
.ijcp-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--b)}

/* ══ EMPTY ══ */
.ijcp-empty{text-align:center;padding:48px 20px}
.ijcp-empty h4{color:var(--n);font-size:18px;margin:0 0 8px;font-family:Georgia,serif}
.ijcp-empty p{color:var(--gr);font-size:14px;margin:0;font-family:Georgia,serif}

/* ══ HELP ══ */
.ijcp-help{background:var(--l);border:1px solid var(--b);border-radius:12px;padding:clamp(16px,3vw,24px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.ijcp-hi{display:flex;align-items:flex-start;gap:12px;font-family:Georgia,serif}
.ijcp-hi>span{font-size:22px;flex-shrink:0}
.ijcp-hi strong{display:block;color:var(--n);font-size:13px;margin-bottom:3px}
.ijcp-hi a{color:var(--t);font-size:12px;text-decoration:none}

/* ══ RESPONSIVE ══ */
@media(max-width:640px){
    .ijcp-grid2,.ijcp-stats{grid-template-columns:1fr 1fr}
    .ijcp-topbar{flex-direction:column;align-items:flex-start}
    .ijcp-help,.ijcp-det{grid-template-columns:1fr 1fr}
    .ijcp-prog{padding:10px 8px}
}
@media(max-width:400px){
    .ijcp-grid2,.ijcp-stats,.ijcp-det,.ijcp-help{grid-template-columns:1fr}
}