:root{--as-primary:#047857;--as-primary-text:#fff;--as-sidebar-bg:#0f172a;--as-sidebar-text:#e2e8f0;--as-surface:#fff;--as-page-bg:#f6f8fb;--as-border:#dbe4ef;--as-muted:#64748b;--as-radius:18px;--as-shadow:0 12px 28px rgba(15,23,42,.07)}
*{box-sizing:border-box}body.assessment-body{margin:0;background:var(--as-page-bg);color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.45}a{text-decoration:none;color:inherit}.as-icon{width:17px;height:17px;flex:0 0 auto}.as-app{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh}.as-sidebar{background:var(--as-sidebar-bg)!important;color:var(--as-sidebar-text)!important;padding:1rem .8rem;position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid color-mix(in srgb,var(--as-sidebar-text) 10%,transparent)}.as-brand{display:flex;align-items:center;gap:.75rem;font-weight:900;margin:0 0 1rem;color:var(--as-sidebar-text)!important}.as-brand-mark{width:42px;height:42px;border-radius:14px;background:var(--as-primary);color:var(--as-primary-text);display:grid;place-items:center;font-weight:950}.as-nav-tree{display:flex;flex-direction:column;gap:.22rem}.as-nav-section{border-radius:14px}.as-nav-section>summary{list-style:none;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:950;color:color-mix(in srgb,var(--as-sidebar-text) 68%,transparent);padding:.7rem .72rem .35rem}.as-nav-section>summary::-webkit-details-marker{display:none}.as-nav-section>summary::after{content:'▾';float:right;opacity:.55;font-size:.7rem}.as-nav-section:not([open])>summary::after{content:'▸'}.as-nav-items{display:grid;gap:.2rem}.as-nav-link{display:flex;align-items:center;gap:.72rem;border-radius:13px;padding:.62rem .72rem;color:var(--as-sidebar-text)!important;opacity:.88;font-weight:750}.as-nav-link:hover,.as-nav-link.active{background:var(--as-sidebar-active-bg,rgba(255,255,255,.10));opacity:1}.as-main{min-width:0}.as-topbar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1.25rem;background:rgba(255,255,255,.88);border-bottom:1px solid var(--as-border);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.as-topbar-title,.as-topbar-actions{display:flex;align-items:center;gap:.7rem;min-width:0}.as-page-title{font-size:1.35rem;font-weight:950;margin:0;letter-spacing:-.025em}.as-page-desc{margin:.16rem 0 0;color:var(--as-muted);font-size:.9rem}.as-content{padding:1.05rem}.as-btn,.as-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;border:1px solid var(--as-border);border-radius:999px;padding:.58rem .9rem;background:#fff;color:#0f172a;font-weight:850;cursor:pointer;min-height:38px}.as-icon-btn{width:42px;padding:0}.as-btn-primary{background:var(--as-primary);border-color:var(--as-primary);color:var(--as-primary-text)}.as-btn-soft{background:color-mix(in srgb,var(--as-primary) 10%,#fff);color:var(--as-primary);border-color:color-mix(in srgb,var(--as-primary) 20%,#fff)}.as-btn-danger{background:#fee2e2;border-color:#fecaca;color:#991b1b}.as-user-menu{position:relative}.as-user-menu summary{list-style:none;display:flex;align-items:center;gap:.45rem;border:1px solid var(--as-border);border-radius:999px;background:#fff;padding:.55rem .85rem;font-weight:850;cursor:pointer}.as-user-menu summary::-webkit-details-marker{display:none}.as-user-dropdown{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border:1px solid var(--as-border);box-shadow:var(--as-shadow);border-radius:16px;min-width:220px;padding:.4rem;z-index:50}.as-user-dropdown a,.as-user-dropdown button{display:flex;width:100%;border:0;background:transparent;text-align:left;padding:.65rem .75rem;border-radius:12px;font-weight:750;cursor:pointer}.as-user-dropdown a:hover,.as-user-dropdown button:hover{background:#f1f5f9}.as-card{background:var(--as-surface);border:1px solid var(--as-border);border-radius:var(--as-radius);box-shadow:var(--as-shadow);padding:1rem}.as-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.as-card-title,.as-card h2,.as-card h3{font-weight:950;font-size:1.02rem;margin:0 0 .25rem}.as-helper{color:var(--as-muted);font-size:.82rem;margin:.2rem 0 .7rem}.as-grid,.as-grid-2,.as-grid-3,.as-form{display:grid;gap:.85rem;align-items:start}.as-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.as-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.as-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.as-form{grid-template-columns:repeat(12,minmax(0,1fr))}.as-col-3{grid-column:span 3}.as-col-4{grid-column:span 4}.as-col-6{grid-column:span 6}.as-col-8{grid-column:span 8}.as-col-12{grid-column:span 12}.as-field{display:block;grid-column:span 6;min-width:0}.as-field-3{grid-column:span 3}.as-field-4{grid-column:span 4}.as-field-6{grid-column:span 6}.as-field-8{grid-column:span 8}.as-field-12,.as-full{grid-column:span 12}.as-field>span,.as-field label>span,.as-label{display:flex;align-items:center;gap:.35rem;font-weight:900;margin-bottom:.28rem;color:#172033}.as-field small,.as-help{display:block;color:var(--as-muted);font-size:.78rem;margin-top:.22rem}.as-input,.as-select,.as-textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=url],input[type=file],select,textarea{width:100%;max-width:100%;border:1px solid var(--as-border);border-radius:13px;padding:.58rem .7rem;background:#fff;color:#0f172a;outline:none;min-height:38px;font:inherit}textarea,.as-textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus,.as-input:focus,.as-select:focus,.as-textarea:focus{border-color:var(--as-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--as-primary) 14%,transparent)}.as-check{display:inline-flex!important;align-items:center;gap:.45rem;font-weight:850;margin:.25rem .8rem .25rem 0}.as-check input,input[type=checkbox]{width:16px!important;height:16px!important;min-height:16px!important;accent-color:var(--as-primary)}.as-table-wrap{overflow:auto;border:1px solid var(--as-border);border-radius:15px;background:#fff}.as-table{width:100%;border-collapse:collapse;min-width:720px}.as-table th,.as-table td{padding:.62rem .75rem;border-bottom:1px solid var(--as-border);text-align:left;vertical-align:top}.as-table th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#475569;background:#f8fafc}.as-status{display:inline-flex;border-radius:999px;padding:.23rem .55rem;font-weight:850;font-size:.72rem;background:#e0f2fe;color:#075985}.as-alert{border-radius:14px;padding:.72rem .9rem;margin-bottom:1rem;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;font-weight:750}.as-alert-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.as-tooltip{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e2e8f0;color:#475569;font-size:.7rem;cursor:help}.as-tooltip:hover::after{content:attr(data-tip);position:absolute;z-index:80;left:0;top:23px;min-width:230px;max-width:340px;background:#0f172a;color:#fff;border-radius:12px;padding:.65rem;font-weight:500;box-shadow:var(--as-shadow);line-height:1.35}.as-template-editor{display:grid;grid-template-columns:260px minmax(0,1fr);gap:.85rem}.as-placeholder-palette{display:flex;flex-wrap:wrap;gap:.4rem}.as-placeholder{border:1px dashed var(--as-primary);background:#ecfdf5;color:var(--as-primary);border-radius:999px;padding:.32rem .55rem;font-weight:850;cursor:pointer}.as-rich-editor{min-height:340px;border:1px solid var(--as-border);border-radius:16px;background:#fff;padding:1rem;overflow:auto}.as-preview-paper{background:#fff;border:1px solid var(--as-border);border-radius:16px;min-height:420px;padding:1.25rem;box-shadow:inset 0 0 0 1px #fff}.as-helpdesk{position:fixed;right:18px;bottom:18px;z-index:40;display:flex;flex-direction:column;gap:.55rem}.as-mobile-menu{display:none}@media(max-width:1180px){.as-field-3,.as-field-4{grid-column:span 6}.as-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.as-app{grid-template-columns:1fr}.as-sidebar{position:fixed;inset:0 auto 0 0;width:292px;transform:translateX(-105%);transition:.2s;z-index:60}.as-sidebar.open{transform:none}.as-mobile-menu{display:inline-flex}.as-content{padding:.9rem}.as-grid-2,.as-grid-3,.as-template-editor{grid-template-columns:1fr}.as-col-3,.as-col-4,.as-col-6,.as-col-8,.as-field,.as-field-3,.as-field-4,.as-field-6,.as-field-8{grid-column:span 12}.as-topbar{padding:.55rem .9rem}.as-topbar-actions{gap:.4rem}.as-btn-soft{padding:.5rem .7rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* 2026-06-03 UI repair: consistent guest pages, dashboards, compact forms */
.as-stack{display:grid;gap:.9rem}.as-muted{color:var(--as-muted);font-size:.82rem}.as-empty{text-align:center;color:var(--as-muted);padding:1.25rem!important}.as-link{color:var(--as-primary);font-weight:850}.as-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.as-mt{margin-top:.9rem}.as-pagination{margin-top:.75rem}.as-badge-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.as-badge{display:inline-flex;border-radius:999px;padding:.24rem .55rem;background:#ecfdf5;color:#047857;font-weight:850;font-size:.74rem}.as-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.as-stat-card{background:#fff;border:1px solid var(--as-border);border-radius:var(--as-radius);padding:.95rem;box-shadow:var(--as-shadow);min-width:0}.as-stat-card strong{display:block;font-size:1.45rem;line-height:1;font-weight:950;margin:.25rem 0}.as-stat-card span{display:block;color:var(--as-muted);font-size:.82rem}.as-stat-card .as-icon{opacity:.75}.as-form-compact{gap:.72rem}.as-form-compact .as-field{margin:0}.as-form-compact textarea{min-height:88px}.as-card + .as-card,.as-grid-2 + .as-card,.as-stat-grid + .as-card{margin-top:0}.as-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.as-mini-panel{background:#fff;border:1px solid var(--as-border);border-radius:16px;padding:.85rem}.as-mini-panel p{margin:.35rem 0 0;color:var(--as-muted)}
.as-guest-page{min-height:100vh;background:radial-gradient(circle at top left,color-mix(in srgb,var(--as-primary) 12%,transparent),transparent 34%),var(--as-page-bg);display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem)}.as-guest-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:1rem;align-items:stretch}.as-guest-hero,.as-login-card,.as-landing-card{background:rgba(255,255,255,.94);border:1px solid var(--as-border);border-radius:24px;box-shadow:var(--as-shadow);padding:clamp(1.25rem,3vw,2.2rem)}.as-guest-hero h1,.as-login-card h1,.as-landing-card h1{font-size:clamp(1.85rem,4vw,3rem);line-height:1.05;margin:.8rem 0 .75rem;letter-spacing:-.05em}.as-guest-hero p,.as-login-card p,.as-landing-card p{color:var(--as-muted);font-size:1rem}.as-guest-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1.1rem}.as-login-card{align-self:center}.as-login-card .as-brand-mark,.as-landing-card .as-brand-mark,.as-guest-hero .as-brand-mark{width:48px;height:48px;border-radius:16px}.as-login-card .as-btn-full{width:100%}.as-login-actions{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-items:center}.as-login-actions .as-check{margin:0}.as-topbar .as-user-menu[open] summary{border-color:var(--as-primary)}.as-sidebar{scrollbar-width:thin}.as-nav-section[open] .as-nav-items{padding-bottom:.35rem}.as-nav-link.active{background:color-mix(in srgb,var(--as-primary) 35%,transparent)!important;color:var(--as-primary-text)!important}.as-nav-link.active .as-icon{color:var(--as-primary-text)}
@media(max-width:1280px){.as-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.as-guest-shell{grid-template-columns:1fr}.as-guest-features{grid-template-columns:1fr}.as-stat-grid{grid-template-columns:1fr}.as-login-actions{grid-template-columns:1fr}.as-guest-page{align-items:flex-start}}

/* 2026-06-03 UI Normalization: compact, uniform, no-build safe styles */
.as-compact-page .as-content,
.as-content{max-width:100%;}
.as-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem;}
.as-align-end{align-self:end;}
.as-search{max-width:420px;}
.as-col-2{grid-column:span 2}.as-col-5{grid-column:span 5}.as-col-7{grid-column:span 7}.as-col-9{grid-column:span 9}.as-col-10{grid-column:span 10}
.as-field-2{grid-column:span 2}.as-field-5{grid-column:span 5}.as-field-7{grid-column:span 7}.as-field-9{grid-column:span 9}.as-field-10{grid-column:span 10}
.as-stat-grid-6{grid-template-columns:repeat(6,minmax(0,1fr));}
.as-stat{font-size:1.55rem;font-weight:950;line-height:1;margin:.35rem 0;color:#0f172a;}
.as-section-title{font-weight:950;font-size:.95rem;margin:.15rem 0 .35rem;color:#0f172a;}
.as-divider{height:1px;background:var(--as-border);margin:.75rem 0;}
.as-table td .as-actions{gap:.35rem;}
.as-table td .as-btn{min-height:31px;padding:.36rem .62rem;font-size:.8rem;}
.as-form .as-actions .as-btn{white-space:nowrap;}
.as-card .as-card{box-shadow:none;}
.as-muted{color:var(--as-muted);}
.as-pill{display:inline-flex;border-radius:999px;padding:.23rem .55rem;font-size:.72rem;font-weight:850;background:#eef2ff;color:#3730a3;}
.as-btn[disabled],.as-btn:disabled{opacity:.55;cursor:not-allowed;}
.as-btn-sm{min-height:31px;padding:.36rem .62rem;font-size:.8rem;}
.as-field > .as-check{margin-top:.55rem;}
.as-radio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;}
.as-danger-zone{border-color:#fecaca;background:#fff7f7;}
.as-kbd{display:inline-flex;border:1px solid var(--as-border);border-bottom-width:2px;border-radius:7px;background:#fff;padding:.05rem .35rem;font-size:.75rem;font-weight:850;color:#334155;}

/* Safety net for legacy Blade fragments that still contain old Tailwind utility classes without Tailwind runtime. */
.space-y-5{display:grid;gap:.9rem}.rounded-2xl{border-radius:var(--as-radius)}.rounded-xl{border-radius:14px}.rounded-lg{border-radius:12px}.border,.border-gray-200{border:1px solid var(--as-border)}.bg-white{background:#fff}.bg-gray-50{background:#f8fafc}.bg-green-50{background:#f0fdf4}.text-green-700{color:#166534}.text-red-600{color:#dc2626}.text-blue-600{color:#2563eb}.text-gray-500{color:#64748b}.text-gray-700{color:#334155}.shadow-sm{box-shadow:var(--as-shadow)}.p-3{padding:.75rem}.p-4{padding:1rem}.px-4{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.45rem;padding-bottom:.45rem}.py-3{padding-top:.62rem;padding-bottom:.62rem}.py-6{padding-top:1rem;padding-bottom:1rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.65rem}.ml-3{margin-left:.55rem}.w-full{width:100%}.min-w-full{min-width:100%}.overflow-x-auto{overflow-x:auto}.text-sm{font-size:.88rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:850}.font-medium{font-weight:850}.uppercase{text-transform:uppercase}.text-left{text-align:left}.text-center{text-align:center}.divide-y>*+*{border-top:1px solid var(--as-border)}.inline-flex{display:inline-flex}.items-center{align-items:center}.items-end{align-items:end}.gap-2{gap:.5rem}.gap-3{gap:.65rem}.gap-4{gap:.85rem}.flex{display:flex}.grid{display:grid}.md\:grid-cols-3,.md\:grid-cols-4,.xl\:grid-cols-4,.xl\:grid-cols-5,.xl\:grid-cols-6{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:w-80{max-width:20rem}.md\:col-span-3,.md\:col-span-4,.xl\:col-span-4,.xl\:col-span-5{grid-column:1/-1}.bg-gray-900{background:var(--as-primary)!important}.text-white{color:var(--as-primary-text)!important}

@media(max-width:1280px){.as-stat-grid-6{grid-template-columns:repeat(3,minmax(0,1fr));}.as-field-2,.as-field-3,.as-field-4{grid-column:span 6}.as-field-5,.as-field-7,.as-field-8,.as-field-9,.as-field-10{grid-column:span 12}}
@media(max-width:900px){.as-card-head,.as-card-header{flex-direction:column}.as-search{max-width:100%}.as-stat-grid-6{grid-template-columns:1fr}.as-col-2,.as-col-5,.as-col-7,.as-col-9,.as-col-10,.as-field-2,.as-field-5,.as-field-7,.as-field-9,.as-field-10{grid-column:span 12}.as-radio-grid{grid-template-columns:1fr}}


/* 2026-06-03 role route menu restructure */
.as-sidebar .as-icon,.as-nav-link .as-icon{width:17px!important;height:17px!important;min-width:17px!important;max-width:17px!important;flex:0 0 17px!important}.as-nav-section:not([open]) .as-nav-items{display:none!important}.as-nav-section>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.as-nav-section>summary::after{float:none;margin-left:auto}.as-nav-link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.as-progress{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.as-progress>span{display:block;height:100%;background:var(--as-primary);width:var(--progress,0%)}.as-tabs{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.75rem}.as-tab{border:1px solid var(--as-border);background:#fff;border-radius:999px;padding:.48rem .8rem;font-weight:850;cursor:pointer}.as-tab.active,.as-tab[aria-selected="true"]{background:var(--as-primary);border-color:var(--as-primary);color:var(--as-primary-text)}.as-tab-panel[hidden]{display:none!important}.as-countdown{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;background:color-mix(in srgb,var(--as-primary) 10%,#fff);border:1px solid color-mix(in srgb,var(--as-primary) 20%,#fff);color:var(--as-primary);font-size:1.8rem;font-weight:950}

/* 2026-06-05 stabilization: standard page introduction block */
.as-page-intro{margin-bottom:.9rem;background:linear-gradient(135deg,#ffffff,#f8fafc);box-shadow:none}.as-page-intro .as-card-head{margin-bottom:.25rem}.as-page-intro p{margin:.15rem 0}

/* 2026-06-05 Access role/permission containment and relation manager UX */
.as-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;align-items:start;min-width:0}.as-permission-group{border:1px solid var(--as-border);border-radius:16px;background:#fff;padding:.85rem;min-width:0}.as-permission-group>strong{display:block;margin-bottom:.55rem;font-weight:950}.as-permission-list{display:grid;gap:.38rem;max-height:420px;overflow:auto;padding-right:.2rem;min-width:0}.as-permission-item{display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:.45rem;margin:0!important;width:100%}.as-permission-name{display:block;min-width:0;overflow-wrap:anywhere;word-break:break-word;line-height:1.35}.as-relation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center;border-top:1px solid var(--as-border);padding:.42rem 0;min-width:0}.as-relation-row:first-child{border-top:0}.as-stack{display:grid;gap:.9rem}.as-mini-panel span{display:block;color:var(--as-muted);font-size:.8rem;margin-bottom:.2rem}.as-mini-panel strong{font-weight:950}@media(max-width:1280px){.as-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.as-permission-grid{grid-template-columns:1fr}.as-relation-row{grid-template-columns:1fr}.as-relation-row .as-btn{justify-self:start}}