:root{--cp-bg:#f2f5fa;--cp-panel:#fff;--cp-text:#142a44;--cp-muted:#52667c;--cp-border:#d5e1ed;--cp-blue:#075ba8;--cp-header:#061b34}
html[data-jse-theme=dark]{--cp-bg:#071626;--cp-panel:#132b43;--cp-text:#f3f8ff;--cp-muted:#c4d5e6;--cp-border:#3e607b;--cp-blue:#1679c5}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;background:var(--cp-bg)!important;color:var(--cp-text)!important}
.cp-header{background:linear-gradient(115deg,#071323,#092e56);color:#fff;padding:18px max(18px,calc((100vw - 1100px)/2))}
.cp-top{display:flex;gap:16px;align-items:center;justify-content:space-between}
.cp-brand{display:flex;align-items:center;gap:14px;font-weight:900;font-size:1.25rem;letter-spacing:.03em}
.cp-logo{background:#d20a2d;color:white;border-radius:13px;padding:8px 11px;font-size:1.35rem}
.cp-sub{font-weight:400;font-size:.9rem;color:#c6def1}
.cp-menu{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cp-menu a{color:#eaf5ff!important;font-weight:700;text-decoration:none;border:1px solid #54738c;border-radius:10px;padding:9px 12px}
.cp-menu a:focus-visible,.cp-nav a:focus-visible{outline:3px solid #ffca53}
.cp-hero{max-width:1100px;margin:20px auto 0;padding:24px;border:1px solid #2977bd;border-left:6px solid #ec1735;border-radius:18px;background:linear-gradient(115deg,#0752a0,#071d3a);color:#fff}
.cp-hero h1{font-size:clamp(1.6rem,4vw,2.35rem);margin:0;color:#fff!important}
.cp-hero p{margin:5px 0 0;color:#e1efff!important}
main.cp-main{max-width:1100px;margin:0 auto;padding:20px 16px 45px}
.cp-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}
.cp-nav a{display:flex;gap:7px;align-items:center;justify-content:center;text-align:center;text-decoration:none;background:#0b3157;color:#fff!important;border:2px solid #2b8fe0;border-radius:13px;padding:15px 8px;font-weight:750;min-width:0}
.cp-nav a.active{background:#c7082d;border-color:#ff4965}
.cp-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.cp-stat{border-radius:14px;color:#fff;padding:17px 18px;min-width:0}
.cp-stat strong{display:block;font-size:clamp(1.65rem,4vw,2.5rem);line-height:1.15;margin-top:6px;color:#fff!important}
.cp-stat span{font-weight:700;color:#fff!important}
.cp-stat.pending{background:#0750a1}.cp-stat.approved{background:#087c4c}.cp-stat.total{background:#71249c}
.cp-card{background:var(--cp-panel)!important;color:var(--cp-text)!important;border:1px solid var(--cp-border);border-radius:18px;padding:clamp(17px,3vw,26px);margin-bottom:18px;box-shadow:0 4px 20px #00162b10}
.cp-card h2{font-size:clamp(1.25rem,3vw,1.75rem);margin:0 0 14px;color:var(--cp-text)!important}
.cp-card p{color:var(--cp-text)!important}
.cp-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cp-btn,button.cp-btn{border:0;background:#075ba8!important;color:#fff!important;border-radius:10px;padding:11px 17px;font-weight:700;cursor:pointer}
.cp-btn:disabled{opacity:.55;cursor:not-allowed}
.cp-empty{text-align:center;padding:22px 10px}
.cp-empty-icon{font-size:3rem}
.cp-empty strong{display:block;font-size:1.25rem;margin-top:10px}
.cp-empty p{color:var(--cp-muted)!important;max-width:520px;margin:10px auto}
.cp-item{border:1px solid var(--cp-border);border-radius:14px;padding:16px;margin:12px 0;background:var(--cp-panel);overflow-wrap:anywhere}
.cp-item label{display:flex!important;align-items:flex-start;gap:10px;padding:8px 0!important;cursor:pointer}
.cp-item input{width:19px;height:19px;flex:none}
.cp-item button{border-radius:9px;padding:12px 15px}
.cp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cp-step{display:flex;gap:9px;align-items:flex-start}
.cp-step-num{flex:none;background:#c9002c;color:white;font-weight:800;border-radius:50%;width:30px;height:30px;text-align:center;line-height:30px}
.cp-step p{margin:0}
.cp-note{background:#fff1cf!important;border:1px solid #edc96c;color:#563b00!important;border-radius:14px;padding:16px}
.cp-note p{color:#563b00!important;margin:0}
html[data-jse-theme=dark] .cp-note{background:#3d321b!important;border-color:#aa8332;color:#fff1d3!important}
html[data-jse-theme=dark] .cp-note p{color:#fff1d3!important}
.cp-message{padding:13px 17px;border-radius:12px;background:var(--cp-panel);border:1px solid var(--cp-border);margin-bottom:16px}
.cp-message.error{border-left:5px solid #e54856}
.cp-message.ok{border-left:5px solid #13a86c}
.cp-muted{color:var(--cp-muted)!important}
.cp-help{display:none}
.cp-help.open{display:block}
@media(max-width:720px){.cp-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-steps{grid-template-columns:1fr}.cp-top{align-items:flex-start;flex-wrap:wrap}.cp-brand{font-size:1.1rem}}
@media(max-width:420px){.cp-stats{gap:6px}.cp-stat{padding:12px 8px}.cp-stat span{font-size:.75rem}.cp-stat strong{font-size:1.55rem}.cp-nav a{font-size:.88rem;padding:12px 6px}}