/* ERPZEN premium layer: loaded last on every page. It only restyles (cards, buttons, forms, tables, tabs, pop-ups);
   it never hides, moves or removes anything. Admin and Studio keep their own premium CSS (studio-premium.css). */
:root{
  --px-a:#6c4de0;--px-b:#9b5de5;--px-c:#e86fb0;
  --px-line:rgba(120,100,200,.16);
  --px-shadow:0 1px 2px rgba(35,31,58,.05),0 10px 30px rgba(80,60,160,.09);
  --px-shadow-up:0 2px 4px rgba(35,31,58,.06),0 20px 48px rgba(80,60,160,.17);
}
html[data-theme="dark"]{--px-line:rgba(160,140,240,.2);--px-shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);--px-shadow-up:0 2px 4px rgba(0,0,0,.4),0 20px 48px rgba(0,0,0,.5)}

/* page background and titles */
body{background-image:radial-gradient(900px 420px at 8% -6%,rgba(155,93,229,.10),transparent 70%),radial-gradient(800px 380px at 100% 0,rgba(232,111,176,.08),transparent 70%);background-repeat:no-repeat}
body .section-title{letter-spacing:-.02em}
body .title-rule{height:4px;width:64px;border-radius:4px;background:linear-gradient(90deg,var(--px-a),var(--px-b),var(--px-c))}
body .lms-sub{color:var(--text-soft)}

/* cards */
body .hr-card,body .pg-card,body .as-card,body .syl-section,body .video-card,body .cp-box,body .details-card{border:1px solid var(--px-line);border-radius:22px;box-shadow:var(--px-shadow);background:var(--card)}
body .hr-card,body .pg-card,body .as-card{transition:box-shadow .25s,transform .25s,border-color .25s}
body .pg-card:hover,body .as-card:hover{box-shadow:var(--px-shadow-up);border-color:rgba(139,92,246,.35)}
body .course-card{border-radius:22px;border:1px solid var(--px-line);box-shadow:var(--px-shadow);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
body .course-card:hover{transform:translateY(-6px);box-shadow:var(--px-shadow-up);border-color:rgba(139,92,246,.4)}
body .syl-section{border-radius:18px}
body .hr-card h2,body .hr-card h3,body .pg-card h2,body .as-card h2{letter-spacing:-.015em}

/* buttons */
body .btn,body .pg-btn,body .np-btn,body .mt-btn,body .fd-btn{transition:transform .18s ease,box-shadow .18s ease,background .18s,border-color .18s;border-radius:999px}
body .btn{padding-left:22px;padding-right:22px;font-weight:700}
body .btn-primary,body .pg-btn:not(.alt),body .fd-btn.pri{background:linear-gradient(135deg,var(--px-a),var(--px-b));color:#fff;border-color:transparent;box-shadow:0 6px 16px rgba(108,77,224,.3)}
body .btn-primary:hover,body .pg-btn:not(.alt):hover,body .fd-btn.pri:hover{background:linear-gradient(135deg,#5d3fd0,#8a4ad6);transform:translateY(-2px);box-shadow:0 12px 26px rgba(108,77,224,.4);color:#fff}
body .btn-outline,body .pg-btn.alt,body .fd-btn:not(.pri){background:transparent;border:1.5px solid var(--px-line);color:inherit}
body .btn-outline:hover,body .pg-btn.alt:hover,body .fd-btn:not(.pri):hover{border-color:var(--px-a);background:rgba(108,77,224,.07);transform:translateY(-1px)}
body .btn:active,body .pg-btn:active{transform:translateY(0) scale(.98)}
body .btn:focus-visible,body .pg-btn:focus-visible,body a:focus-visible,body button:focus-visible{outline:3px solid rgba(139,92,246,.45);outline-offset:2px}
body .btn:disabled,body .pg-btn:disabled{opacity:.55;transform:none;box-shadow:none;cursor:not-allowed}

/* forms */
body .exam-input,body select.exam-input,body textarea.exam-input{border:1.5px solid var(--px-line);border-radius:14px;padding:11px 14px;min-height:46px;background:var(--card);color:var(--text);transition:border-color .2s,box-shadow .2s}
body textarea.exam-input{min-height:96px}
body .exam-input:hover{border-color:rgba(139,92,246,.45)}
body .exam-input:focus{border-color:var(--px-a);box-shadow:0 0 0 4px rgba(108,77,224,.15)}
body .exam-input::placeholder{color:var(--text-soft);opacity:.75}
body input[type=checkbox],body input[type=radio]{accent-color:var(--px-a)}

/* tables (student pages and cards; the admin tables are styled by studio-premium.css) */
body .wrap table,body .hr-card table,body .pg-card table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--px-line);border-radius:16px;overflow:hidden;background:var(--card)}
body .wrap table th,body .hr-card table th,body .pg-card table th{background:rgba(108,77,224,.08);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:12px 14px;color:var(--text-soft)}
body .wrap table td,body .hr-card table td,body .pg-card table td{padding:12px 14px;border-top:1px solid var(--px-line)}
body .wrap table tbody tr:hover td,body .hr-card table tbody tr:hover td{background:rgba(108,77,224,.045)}

/* tabs and chips */
body .tabs{display:flex;gap:6px;flex-wrap:wrap;padding:5px;border:1px solid var(--px-line);border-radius:999px;background:rgba(108,77,224,.05);width:fit-content;max-width:100%;overflow-x:auto}
body .tabs .tab{border:0;border-radius:999px;padding:9px 18px;font-weight:600;background:transparent;color:inherit;transition:background .2s,color .2s,box-shadow .2s}
body .tabs .tab:hover{background:rgba(108,77,224,.1)}
body .tabs .tab.active{color:#fff;background:linear-gradient(135deg,var(--px-a),var(--px-b));box-shadow:0 6px 16px rgba(108,77,224,.32)}
body .chip,body .cat-pills button{border-radius:999px;transition:background .2s,transform .2s,box-shadow .2s}
body .cat-pills button:hover{transform:translateY(-1px)}

/* progress bars */
body .bar{border-radius:999px;overflow:hidden;background:rgba(108,77,224,.12)}
body .bar>i{background:linear-gradient(90deg,var(--px-a),var(--px-b),var(--px-c));border-radius:999px}

/* pop-ups: soft blurred backdrop, rounded panel */
body .modal,body .qt-overlay,body [role=dialog]{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body .modal>div,body [role=dialog]>div{border-radius:24px;box-shadow:0 30px 80px rgba(20,16,43,.4)}

/* quiet, modern scrollbars */
*{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.45) transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.4);border-radius:10px;border:2px solid transparent;background-clip:content-box}
::selection{background:rgba(139,92,246,.28)}

/* images and empty states */
body .lms-empty,body .pg-empty,body .pw-empty{border:1.5px dashed var(--px-line);border-radius:20px;background:rgba(108,77,224,.04)}
body .course-card img,body .cc-thumb{transition:transform .5s ease}
body .course-card:hover img{transform:scale(1.04)}
@media (max-width:640px){body .hr-card,body .pg-card,body .as-card,body .course-card{border-radius:18px}body .tabs{width:100%}}
@media (prefers-reduced-motion:reduce){*{transition:none !important}body .course-card:hover{transform:none}}