.jpp-shell{max-width:1240px;margin:auto;padding:28px 24px 64px;color:#192b43}.jpp-shell h1{font-size:clamp(32px,4vw,48px);line-height:1.12}.jpp-shell h2{font-size:25px}.jpp-shell h3{font-size:20px}.jpp-shell p{line-height:1.65}.jpp-hero{display:flex;gap:24px;justify-content:space-between;align-items:center;background:#172b43;color:#fff;border-radius:22px;padding:32px;margin-bottom:22px}.jpp-hero h1,.jpp-hero h2{color:#fff}.jpp-hero small{color:#ffb759;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.jpp-hero img{width:135px;height:85px;object-fit:contain;background:white;padding:12px;border-radius:12px}.jpp-nav,.jpp-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.jpp-nav a,.jpp-button{display:inline-block;background:#fff;border:1px solid #cbd5df;color:#172b43;padding:11px 18px;border-radius:10px;font-weight:650;text-decoration:none;cursor:pointer;font-size:15px}.jpp-button.primary{background:#192e48;color:white}.jpp-nav a:focus-visible,.jpp-button:focus-visible,.jpp-shell input:focus-visible,.jpp-shell select:focus-visible{outline:3px solid #d68322;outline-offset:3px}.jpp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.jpp-stats div{background:white;border-radius:14px;border:1px solid #dce3eb;padding:20px}.jpp-stats strong{display:block;font-size:30px}.jpp-card{background:white;border:1px solid #dce3eb;border-radius:18px;padding:26px;margin:20px 0}.jpp-filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.jpp-form label,.jpp-filters label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-weight:600;font-size:15px}.jpp-form input:not([type=checkbox]):not([type=hidden]),.jpp-form textarea,.jpp-form select,.jpp-filters input,.jpp-filters select{padding:11px;border:1px solid #aebdca;border-radius:8px;font:inherit;max-width:100%;background:white;color:#192b43;box-sizing:border-box}.jpp-form{margin:16px 0;padding:14px 0;border-top:1px solid #e4e9ee}.jpp-form .jpp-check{flex-direction:row;align-items:center;gap:10px}.jpp-form button{padding:12px 18px;border-radius:9px;background:#192e48;color:white;border:0;cursor:pointer;font-size:15px}.jpp-form small,.jpp-message small{display:block;color:#57677a;font-size:13px;margin:7px 0}.jpp-table-wrap{overflow-x:auto}.jpp-table{border-collapse:collapse;width:100%;font-size:15px}.jpp-table th,.jpp-table td{padding:15px 12px;text-align:left;border-bottom:1px solid #dde5ec;vertical-align:top;overflow-wrap:anywhere}.jpp-table th{background:#f1f5f8;font-size:13px}.jpp-table a{font-weight:650}.jpp-badge{display:inline-block;font-weight:650;padding:4px 10px;border-radius:20px;background:#eaf0f6;color:#263c54;font-size:13px}.jpp-badge.active{background:#e0f1e7;color:#245438}.jpp-badge.pending,.jpp-badge.expired{background:#fff0d9;color:#77501d}.jpp-badge.suspended,.jpp-badge.cancelled,.jpp-badge.revoked{background:#f8e5e5;color:#862f36}.jpp-note{background:#fff4e4;border-left:4px solid #dd9238;padding:16px 20px;border-radius:0 10px 10px 0}.jpp-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.jpp-message{padding:18px;margin:15px 0;background:#f3f6f9;border-radius:12px;overflow-wrap:anywhere}.jpp-shell summary{cursor:pointer;font-weight:650;padding:12px 0}.jpp-shell footer{font-size:14px;margin-top:30px}.jpp-shell dt{font-size:13px;font-weight:650;color:#52647a}.jpp-shell dd{margin:3px 0 18px;font-size:17px}.jpp-trap{position:absolute;left:-9999px}.jpp-shell a{overflow-wrap:anywhere}.jpp-feedback{background:#e5f3ea;padding:14px;border-radius:10px}.jpp-shell .jpp-card p{font-size:16px}body.jpp-body{background:#f4f6f8;font-family:Arial,Helvetica,sans-serif}
@media(max-width:720px){.jpp-shell{padding:20px 15px 45px}.jpp-hero{padding:24px;align-items:start}.jpp-hero img{width:90px;height:65px}.jpp-stats{gap:8px}.jpp-stats div{padding:14px 10px;font-size:13px}.jpp-stats strong{font-size:24px}.jpp-grid{grid-template-columns:1fr;gap:0}.jpp-card{padding:20px}.jpp-table thead{display:none}.jpp-table tr{display:block;border:1px solid #dce3eb;border-radius:14px;margin:12px 0;padding:8px}.jpp-table td{display:grid;grid-template-columns:110px 1fr;gap:10px;border:0;padding:7px;font-size:14px}.jpp-table td:before{content:attr(data-label);font-weight:650;color:#56677b}.jpp-table-wrap{overflow:visible}.jpp-filters{display:block}.jpp-filters input,.jpp-filters select{width:100%}}

.jpp-filters button{margin-right:10px}.jpp-filters input[type=search]{min-width:240px}
