/* User Friendly Experience Upgrade v7.1 */
:root{--ux-radius:18px;--ux-soft:0 14px 35px rgba(15,23,42,.08);--ux-line:rgba(100,116,139,.18);--ux-bg:rgba(255,255,255,.72)}
body{font-size:16px}.container.py-4{max-width:1280px}.card{border:1px solid var(--ux-line);box-shadow:var(--ux-soft)}
.btn{border-radius:999px;font-weight:650}.form-control,.form-select{border-radius:14px;padding:.72rem .9rem}.form-label{font-weight:700}.alert{border-radius:16px}.table{vertical-align:middle}.badge{border-radius:999px}
.ux-page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.ux-page-kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--brand)}.ux-page-title{font-size:clamp(1.45rem,3vw,2.3rem);font-weight:850;letter-spacing:-.035em;margin:0}.ux-page-subtitle{color:#64748b;margin:.25rem 0 0;max-width:760px}.ux-action-row{display:flex;gap:.55rem;flex-wrap:wrap}
.ux-help-card{background:linear-gradient(135deg,rgba(13,110,253,.10),rgba(25,135,84,.08));border:1px solid rgba(13,110,253,.15);border-radius:22px;padding:1rem}.ux-help-card h6{font-weight:850}.ux-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin:1rem 0}.ux-step{border:1px solid var(--ux-line);background:var(--ux-bg);border-radius:18px;padding:.85rem}.ux-step-number{width:30px;height:30px;border-radius:999px;background:var(--brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:.5rem}.ux-step strong{display:block}.ux-step small{color:#64748b}.ux-step.is-active{outline:3px solid color-mix(in srgb,var(--brand) 20%,transparent);background:#fff}
.ux-empty{padding:2rem;text-align:center;border:1px dashed var(--ux-line);border-radius:22px;background:rgba(248,250,252,.7)}.ux-empty .icon{font-size:2.5rem}.ux-toolbar{position:sticky;top:78px;z-index:10;background:rgba(248,250,252,.86);backdrop-filter:blur(12px);border:1px solid var(--ux-line);border-radius:22px;padding:.75rem;box-shadow:var(--ux-soft)}
.ux-skip{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.ux-skip:focus{left:1rem;top:1rem;width:auto;height:auto;z-index:9999;background:#fff;padding:.6rem 1rem;border-radius:999px;box-shadow:var(--ux-soft)}
.ux-floating-help{position:fixed;right:18px;bottom:18px;z-index:1040}.ux-help-btn{width:54px;height:54px;border-radius:999px;border:0;background:var(--brand);color:#fff;box-shadow:0 18px 42px rgba(15,23,42,.25);font-size:1.35rem}.ux-help-panel{position:absolute;right:0;bottom:68px;width:min(360px,calc(100vw - 36px));background:#fff;border:1px solid var(--ux-line);border-radius:22px;box-shadow:0 25px 60px rgba(15,23,42,.22);padding:1rem;display:none}.ux-help-panel.open{display:block}.ux-help-link{display:flex;align-items:center;gap:.7rem;padding:.7rem;border-radius:14px;text-decoration:none;color:inherit}.ux-help-link:hover{background:rgba(13,110,253,.08)}
.ux-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1050;background:#111827;color:#fff;border-radius:999px;padding:.75rem 1rem;box-shadow:0 15px 38px rgba(0,0,0,.24);display:none}.ux-toast.show{display:block}.required-hint{font-size:.78rem;color:#64748b}.input-help{font-size:.82rem;color:#64748b;margin-top:.25rem}.table-responsive{border-radius:18px}.enterprise-navbar .dropdown-menu{min-width:240px}.mobile-quickbar{scrollbar-width:none}.mobile-quickbar::-webkit-scrollbar{display:none}
body.theme-dark .ux-page-subtitle,body.theme-dark .ux-step small,body.theme-dark .input-help,body.theme-dark .required-hint{color:#b7bdd0}body.theme-dark .ux-toolbar{background:rgba(17,24,39,.9)}body.theme-dark .ux-step,body.theme-dark .ux-help-panel,body.theme-dark .ux-step.is-active{background:#111827;border-color:#283142;color:#e5e7eb}body.theme-dark .ux-empty{background:#111827;border-color:#334155}body.theme-dark .ux-help-card{background:#111827;border-color:#283142}
@media(max-width:991.98px){.ux-page-head{align-items:flex-start;flex-direction:column}.ux-stepper{grid-template-columns:1fr 1fr}.ux-toolbar{top:64px}.container.py-4{padding-left:1rem;padding-right:1rem}}
@media(max-width:575.98px){body{font-size:15px}.ux-stepper{grid-template-columns:1fr}.ux-action-row .btn{width:100%}.btn:not(.btn-sm){width:100%;justify-content:center}.card-body{padding:1rem}.ux-floating-help{right:12px;bottom:12px}}