.pem-card{max-width:760px;margin:20px auto;padding:18px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,0.08);background:linear-gradient(135deg,#fff7fb,#f0fff4);font-family:Arial,Helvetica,sans-serif}
.pem-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
#pem-proc-select{min-width:260px;padding:8px;border-radius:8px;border:1px solid #ccc;background:white}
#pem-qty-select{width:90px;padding:8px;border-radius:8px;border:1px solid #ccc;background:white}
.pem-btn{padding:9px 14px;border-radius:8px;border:none;cursor:pointer;font-weight:600}
.pem-primary{background:#ff6b6b;color:white;box-shadow:0 4px 8px rgba(255,107,107,0.2)}
.pem-secondary{background:#4dabf7;color:white}
.pem-table-wrap{overflow:auto;margin-top:10px}
#pem-table{width:100%;border-collapse:collapse;background:white;border-radius:8px;overflow:hidden}
#pem-table th,#pem-table td{padding:10px;border-bottom:1px solid #f0f0f0;text-align:left}
#pem-table tbody tr:nth-child(odd){background:#fffaf0}
#pem-table tbody tr:nth-child(even){background:#f7fbff}
.pem-remove{background:#ff8787;color:white;border:none;padding:6px 8px;border-radius:6px;cursor:pointer}
.pem-note{font-size:12px;color:#666;margin-top:8px}
.pem-banner{position:fixed;left:0;right:0;bottom:0;background:#28a745;color:white;font-weight:700;padding:14px 16px;text-align:center;z-index:99999;font-size:18px;box-shadow:0 -4px 12px rgba(0,0,0,0.12)}
.pem-banner-close{position:absolute;right:16px;top:8px;background:transparent;border:none;color:white;font-size:22px;cursor:pointer}