body{margin:0;min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;font-family:var(--font-family-primary);background-color:var(--color-bg-page)}*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #397eee;--color-primary-hover: #2d5bb8;--color-primary-active: #1e3a8a;--color-primary-light: #dbeafe;--color-primary-lighter: #e0e7ff;--color-primary-gradient-start: #3a7ff4;--color-primary-gradient-end: #1e42b1;--color-text-primary: #111827;--color-text-heading: #1e293b;--color-text-body: #374151;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-placeholder: #94a3b8;--color-text-inverse: #ffffff;--color-text-dark: #1a1a1a;--color-text-nav: #2d3748;--color-text-label: #4b5563;--color-bg-page: #f3f4f6;--color-bg-page-alt: #f0f2f5;--color-bg-surface: #ffffff;--color-bg-elevated: #f8fafc;--color-bg-input: #f9fafb;--color-bg-hover: #f1f5f9;--color-bg-muted: #e9ecef;--color-bg-toggle: #f8f9fa;--color-border: #e5e7eb;--color-border-light: #ececec;--color-border-input: #d1d5db;--color-border-divider: #dfe6e9;--color-border-muted: #ccc;--color-border-subtle: #ddd;--color-border-form: #c1c1c1;--color-border-strong: rgb(185, 185, 185);--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #34d399;--color-success-bg: #dcfce7;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #facc15;--color-warning-bg: #fef9c2;--color-warning-bg-alt: #fff3e0;--color-warning-text: #f57c00;--color-error: #ef4444;--color-error-hover: #dc2626;--color-error-dark: #b91c1c;--color-error-light: #f87171;--color-error-bg: #fee2e2;--color-error-bg-alt: #ffebee;--color-error-text: #d32f2f;--color-info: #0ea5e9;--color-info-bg: #e0f2fe;--color-info-bg-alt: #e3f2fd;--color-info-text: #1976d2;--color-accent-violet: #8b5cf6;--color-accent-violet-dark: #4f46e5;--color-accent-violet-bg: #f3e8ff;--color-accent-sky: #0ea5e9;--color-accent-sky-bg: #e0f2fe;--color-error-border: #fecaca;--color-success-text: #166534;--color-text-heading-alt: #2c3e50;--font-family-primary: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-system: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-family-mono: "Courier New", monospace;--font-size-2xs: 10px;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 22px;--font-size-3xl: 1.5rem;--font-size-4xl: 2rem;--font-size-5xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-none: 1;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.75;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--spacing-2xl: 16px;--spacing-3xl: 20px;--spacing-4xl: 24px;--spacing-5xl: 32px;--spacing-6xl: 48px;--radius-none: 0;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1);--shadow-nav: 2px 0 16px rgba(15, 23, 42, .06);--shadow-focus: 0 0 10px rgba(0, 0, 0, .1);--shadow-primary: 0 2px 4px rgba(57, 126, 238, .2);--shadow-primary-hover: 0 2px 4px rgba(57, 126, 238, .3);--shadow-soft: 0 2px 15px rgba(0, 0, 0, .08);--shadow-medium: 0 4px 25px rgba(0, 0, 0, .12);--shadow-strong: 0 8px 40px rgba(0, 0, 0, .16);--shadow-btn-hover: 0 4px 12px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease-in-out;--z-sticky: 20;--z-dropdown: 50;--z-sidebar-mobile: 200;--z-modal-backdrop: 300;--z-modal-panel: 301;--z-modal: var(--z-modal-panel);--z-date-picker: 400;--z-tooltip: 400;--z-toast: 9999;--z-loading: 10000;--height-button-sm: 30px;--height-button: 36px;--height-button-lg: 48px;--height-input: 36px;--input-height: 36px;--sidebar-width: var(--width-sidebar-expanded);--sidebar-width-collapsed: var(--width-sidebar-collapsed);--height-toolbar: 40px;--height-toolbar-control: 28px;--height-filter-control: 30px;--height-dropdown-trigger: 32px;--height-topbar: 64px;--width-sidebar-expanded: 248px;--width-sidebar-collapsed: 64px;--width-modal-sm: 384px;--width-modal-md: 512px;--width-modal-lg: 672px;--width-modal-xl: 896px;--table-header-padding: 8px 16px;--table-header-font-size: var(--font-size-sm);--table-header-font-weight: var(--font-weight-semibold);--table-header-letter-spacing: .05em;--table-body-padding: 10px 16px;--table-body-font-size: var(--font-size-sm);--table-body-font-weight: var(--font-weight-normal);--table-header-height-dense: 30px;--table-header-padding-dense: 6px 8px;--table-body-padding-dense: 4px 8px;--table-body-height-dense: 27px;--btn-padding-sm: 6px 12px;--btn-padding-md: 8px 16px;--btn-padding-lg: 12px 24px;--btn-radius: var(--radius-md);--input-radius: var(--radius-sm);--modal-padding: var(--spacing-4xl);--form-field-gap: 16px;--card-padding: var(--spacing-4xl);--section-margin: var(--spacing-5xl);--page-gutter: var(--app-content-padding, clamp(20px, 2vw, 40px));--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--td-radius-sm: var(--radius-md);--td-radius-md: var(--radius-lg);--td-radius-lg: var(--radius-xl);--td-shadow-card: var(--shadow-md);--td-shadow-card-hover: var(--shadow-card-hover);--td-bg-page: var(--color-bg-page);--td-border: var(--color-border-light);--td-text-primary: var(--color-text-primary);--td-text-secondary: var(--color-text-secondary);--td-accent-blue: var(--color-primary);--td-accent-blue-bg: var(--color-primary-light);--td-accent-emerald: var(--color-success);--td-accent-emerald-bg: var(--color-success-bg);--td-accent-amber: var(--color-warning);--td-accent-amber-bg: var(--color-warning-bg);--td-accent-violet: var(--color-accent-violet);--td-accent-violet-bg: var(--color-accent-violet-bg);--td-accent-sky: var(--color-accent-sky);--td-accent-sky-bg: var(--color-accent-sky-bg);--td-accent-red: var(--color-error);--td-accent-red-bg: var(--color-error-bg)}.table-wrapper{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}table thead th{font-size:var(--table-header-font-size);font-weight:var(--table-header-font-weight);text-transform:uppercase;letter-spacing:var(--table-header-letter-spacing);padding:var(--table-header-padding);line-height:var(--line-height-tight)}table tbody td{font-size:var(--table-body-font-size);font-weight:var(--table-body-font-weight);padding:var(--table-body-padding);line-height:var(--line-height-tight);vertical-align:middle}table thead th[aria-sort],table thead th.sortable{cursor:pointer}.table-dense thead th{padding:var(--table-header-padding-dense);height:var(--table-header-height-dense)}.table-dense tbody td{padding:var(--table-body-padding-dense);height:var(--table-body-height-dense)}:root{--app-content-padding-min: 16px;--app-content-padding-max: 40px;--app-grid-gap-min: 12px;--app-grid-gap-max: 20px;--app-filter-gap-min: 8px;--app-filter-gap-max: 12px;--app-stack-gap-compact: 6px;--app-stack-gap-tight: var(--spacing-sm);--app-content-padding: clamp( var(--app-content-padding-min), 2vw, var(--app-content-padding-max) );--app-grid-gap: clamp( var(--app-grid-gap-min), 1.25vw, var(--app-grid-gap-max) );--app-filter-gap: clamp( var(--app-filter-gap-min), 1vw, var(--app-filter-gap-max) );--app-page-actions-gutter: clamp(4px, .8vw, 12px)}:root{--app-page-max-width: 100%;--app-page-readable-max-width: min(100%, 1200px)}.main-outlet-inner>*{width:100%;max-width:var(--app-page-max-width);box-sizing:border-box}.app-page{width:100%;max-width:var(--app-page-max-width);box-sizing:border-box}.app-page--readable{width:100%;max-width:var(--app-page-readable-max-width);box-sizing:border-box}.app-page-grid{display:grid;gap:var(--app-grid-gap)}.app-page-flex{display:flex;gap:var(--app-grid-gap)}.app-page-flex--filter{gap:var(--app-filter-gap)}.app-page-stack{display:flex;flex-direction:column;gap:var(--app-grid-gap)}.app-page-stack--compact{gap:var(--app-stack-gap-compact)}.app-page-pad{padding:var(--app-content-padding);box-sizing:border-box}.main-outlet-inner .document-queue-container,.main-outlet-inner .document-review-container,.main-outlet-inner .open-trainings-main-container,.main-outlet-inner .empgroups-container,.main-outlet-inner .viewgroup-container,.main-outlet-inner .dropdown-main-container,.main-outlet-inner .archive-docs-main-container{width:100%;max-width:var(--app-page-max-width);margin:0;box-sizing:border-box}.main-outlet-inner .document-queue-container,.main-outlet-inner .document-review-container,.main-outlet-inner .open-trainings-main-container,.main-outlet-inner .empgroups-container,.main-outlet-inner .author-queue-container,.main-outlet-inner .profile-container,.main-outlet-inner>.profile-loading,.main-outlet-inner>.profile-error{padding:0;min-height:0;background:transparent}.main-outlet-inner>.td-page{padding-left:0;padding-right:0}.main-outlet-inner .viewgroup-fluid{max-width:100%;margin:0}:root{--app-breakpoint-sm: 640px;--app-breakpoint-md: 768px;--app-breakpoint-lg: 1024px;--app-breakpoint-xl: 1280px;--app-breakpoint-2xl: 1536px;--app-content-max-width: none;--app-card-padding: var(--card-padding)}html{-webkit-text-size-adjust:100%}body.nav-sidebar-open{overflow:hidden}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;margin:0;padding:0;border:none;background:#0f172a73;cursor:pointer}.app-filter-toolbar-row{display:flex;align-items:center;gap:var(--app-filter-gap);width:100%;box-sizing:border-box}.app-filter-toolbar-box{display:grid;gap:var(--app-filter-gap);padding:var(--spacing-lg);border:1px solid var(--color-border-input);border-radius:var(--radius-md);background:var(--color-bg-surface);flex:1;min-width:0;align-items:center;box-sizing:border-box}.app-filter-toolbar-box--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.app-filter-toolbar-box--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.app-filter-toolbar-box--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.app-filter-toolbar-box--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.app-filter-toolbar-box input,.app-filter-toolbar-box select{width:100%;min-width:0;box-sizing:border-box}.app-filter-toolbar-action{flex-shrink:0;width:var(--height-toolbar);height:var(--height-toolbar);padding:0;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;transition:background var(--transition-normal)}.app-filter-toolbar-action:hover:not(:disabled){background:var(--color-primary-hover)}.app-summary-cards,.audit-summary-cards,.compliance-summary-cards,.lms-page-stat-row.td-stat-row{display:grid;gap:var(--app-grid-gap);width:100%;box-sizing:border-box}.app-summary-cards,.audit-summary-cards,.compliance-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 768px){table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 1024px){.portal-switch-strip--page-top{min-height:44px;padding:var(--spacing-sm) 0 var(--app-stack-gap-tight)}.dashboard-header-container{margin-bottom:var(--section-margin);padding-left:var(--app-content-padding);padding-right:var(--app-content-padding)}.banner-buttons-container{flex-wrap:wrap;gap:var(--app-filter-gap)}.system-overview-cards,.admin-actions-cards,.main-card-container{flex-wrap:wrap;justify-content:stretch;gap:var(--app-grid-gap)}.card,.action-card,.card-container{width:calc(50% - (var(--app-grid-gap) / 2));min-width:0;flex:1 1 calc(50% - (var(--app-grid-gap) / 2))}.managment-card{width:100%}.app-summary-cards,.audit-summary-cards,.compliance-summary-cards,.lms-page-stat-row--cols-4,.lms-page-stat-row--cols-5,.lms-page-stat-row--cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}.app-filter-toolbar-row{flex-direction:column;align-items:stretch}.app-filter-toolbar-box--cols-2,.app-filter-toolbar-box--cols-3,.app-filter-toolbar-box--cols-4,.app-filter-toolbar-box--cols-5{grid-template-columns:1fr}.user-dashboard-training-information{flex-direction:column;max-height:none}.user-dashboard-current-training,.user-dashboard-timeline-information{width:100%;max-height:none}.page-heading-container{flex-wrap:wrap;gap:var(--app-grid-gap)}}@media (max-width: 768px){.layout-child-container,.user-layout-content-main-container{padding-left:0;padding-right:0}.main-outlet-inner{padding-left:var(--app-content-padding);padding-right:var(--app-content-padding)}.layout-navbar-child-container>.layout-sidebar-wrap,.layout-navbar-child-container>.new-navbar-container,.user-layout-navbar-main-container>.user-navbar-main-component{flex:0 0 0;width:0;min-width:0;max-width:0;overflow:visible}.new-navbar-container--mobile{position:fixed;top:0;left:0;z-index:var(--z-sidebar-mobile, 200);height:100dvh;max-height:100dvh;transform:translate(-100%);transition:width var(--transition-normal),transform var(--transition-normal);box-shadow:4px 0 24px #0f172a2e}.new-navbar-container--mobile.new-navbar-container--mobile-open{transform:translate(0)}.new-navbar-container--mobile.new-navbar-container--mobile-open.new-navbar-container--expanded,.new-navbar-container--mobile.new-navbar-container--mobile-open.new-navbar-container--collapsed{width:min(280px,88vw);min-width:min(280px,88vw);max-width:min(280px,88vw)}}@media (max-width: 640px){.card,.action-card,.card-container{width:100%;flex:1 1 100%}.app-summary-cards,.audit-summary-cards,.compliance-summary-cards,.lms-page-stat-row--cols-4,.lms-page-stat-row--cols-5,.lms-page-stat-row--cols-6{grid-template-columns:1fr}.form-input-elements{flex:1 1 100%}.form{padding:var(--spacing-2xl);gap:var(--app-grid-gap)}.login-container{width:min(92vw,420px);height:auto;min-height:50vh;padding:var(--spacing-4xl) var(--spacing-2xl)}.login-form{width:100%;padding:0 var(--spacing-sm);box-sizing:border-box}.portal-switch-strip__btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}h1,.dashboard-header-container h1{font-size:var(--font-size-xl)}.dashboard-header-container h2{font-size:var(--font-size-md)}}.app-panel,.modal-body,.modal-header,.modal-footer{padding:var(--modal-padding)}.app-form-stack>*+*{margin-top:var(--form-field-gap)}.app-table-scroll{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}@media (max-width: 768px){.app-table-scroll{overflow-x:auto}.app-table-scroll table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}.app-card-grid{display:grid;gap:var(--app-grid-gap)}@media (max-width: 640px){.app-card-grid{grid-template-columns:1fr!important}}.app-page-padding{padding:var(--spacing-4xl);box-sizing:border-box}@media (max-width: 768px){.app-page-padding{padding:var(--spacing-2xl)}}@media (max-width: 640px){.app-page-padding{padding:var(--spacing-2xl) var(--spacing-xl)}}:root{--app-design-viewport-width: 1621;--app-design-content-width: 1373;--app-design-viewport-height: 861;--app-sidebar-width-expanded: 248px;--app-ui-scale-min: .92;--app-ui-scale-max: 1;--app-ui-scale-v-min: .85;--app-ui-scale-v-max: 1.05;--app-ui-scale: 1;--app-ui-scale-v: 1}.layout-child-container,.user-layout-content-main-container{container-type:inline-size;container-name:app-main}@container app-main (min-width: 769px){.layout-child-container,.user-layout-content-main-container{--app-ui-scale: clamp( var(--app-ui-scale-min), calc(100cqw / var(--app-design-content-width)), var(--app-ui-scale-max) );--app-ui-scale-v: clamp( var(--app-ui-scale-v-min), calc(100dvh / var(--app-design-viewport-height)), var(--app-ui-scale-v-max) )}}@supports not (width: 100cqw){@media (min-width: 769px){:root{--app-ui-scale: clamp( var(--app-ui-scale-min), calc((100vw - var(--app-sidebar-width-expanded)) / var(--app-design-content-width)), var(--app-ui-scale-max) );--app-ui-scale-v: clamp( var(--app-ui-scale-v-min), calc(100dvh / var(--app-design-viewport-height)), var(--app-ui-scale-v-max) )}}}@container app-main (min-width: 769px){.layout-child-container,.user-layout-content-main-container{--app-content-padding: clamp( var(--app-content-padding-min), calc(var(--spacing-4xl) * var(--app-ui-scale)), var(--app-content-padding-max) );--app-page-actions-gutter: clamp( 4px, calc(8px * var(--app-ui-scale)), var(--app-filter-gap-max) );--app-grid-gap: clamp( var(--app-grid-gap-min), calc(var(--spacing-2xl) * var(--app-ui-scale)), var(--app-grid-gap-max) );--app-filter-gap: clamp( var(--app-filter-gap-min), calc(10px * var(--app-ui-scale)), var(--app-filter-gap-max) )}}@supports not (width: 100cqw){@media (min-width: 769px){.layout-child-container,.user-layout-content-main-container{--app-content-padding: clamp( var(--app-content-padding-min), calc(var(--spacing-4xl) * var(--app-ui-scale)), var(--app-content-padding-max) );--app-page-actions-gutter: clamp( 4px, calc(8px * var(--app-ui-scale)), var(--app-filter-gap-max) );--app-grid-gap: clamp( var(--app-grid-gap-min), calc(var(--spacing-2xl) * var(--app-ui-scale)), var(--app-grid-gap-max) );--app-filter-gap: clamp( var(--app-filter-gap-min), calc(10px * var(--app-ui-scale)), var(--app-filter-gap-max) )}}}@container app-main (min-width: 769px){.document-library-cards-main-container{min-height:calc(196px * var(--app-ui-scale-v))}.app-summary-cards,.audit-summary-cards,.compliance-summary-cards,.lms-page-stat-row.td-stat-row{min-height:calc(72px * var(--app-ui-scale-v))}.lms-page-stat-row .td-stat-card{padding:calc(var(--spacing-2xl) * var(--app-ui-scale));min-height:calc(121px * var(--app-ui-scale-v))}.lms-page-stat-row .td-stat-card__icon{width:calc(48px * var(--app-ui-scale));height:calc(48px * var(--app-ui-scale))}}@supports not (width: 100cqw){@media (min-width: 769px){.document-library-cards-main-container{min-height:calc(196px * var(--app-ui-scale-v))}.app-summary-cards,.audit-summary-cards,.compliance-summary-cards,.lms-page-stat-row.td-stat-row{min-height:calc(72px * var(--app-ui-scale-v))}.lms-page-stat-row .td-stat-card{padding:calc(var(--spacing-2xl) * var(--app-ui-scale));min-height:calc(121px * var(--app-ui-scale-v))}.lms-page-stat-row .td-stat-card__icon{width:calc(48px * var(--app-ui-scale));height:calc(48px * var(--app-ui-scale))}}}@container app-main (min-width: 769px){h1{font-size:calc(18px * var(--app-ui-scale))}h2,h3,h4,h5,h6{font-size:calc(14px * var(--app-ui-scale))}p,th,td,span{font-size:calc(12px * var(--app-ui-scale))}.primary-button{padding:calc(8px * var(--app-ui-scale)) calc(16px * var(--app-ui-scale));font-size:calc(12px * var(--app-ui-scale))}.input-element{height:calc(32px * var(--app-ui-scale));font-size:calc(12px * var(--app-ui-scale));padding:calc(8px * var(--app-ui-scale)) calc(12px * var(--app-ui-scale))}.app-filter-toolbar-action{width:calc(40px * var(--app-ui-scale));height:calc(40px * var(--app-ui-scale))}}@supports not (width: 100cqw){@media (min-width: 769px){h1{font-size:calc(18px * var(--app-ui-scale))}h2,h3,h4,h5,h6{font-size:calc(14px * var(--app-ui-scale))}p,th,td,span{font-size:calc(12px * var(--app-ui-scale))}.primary-button{padding:calc(8px * var(--app-ui-scale)) calc(16px * var(--app-ui-scale));font-size:calc(12px * var(--app-ui-scale))}.input-element{height:calc(32px * var(--app-ui-scale));font-size:calc(12px * var(--app-ui-scale));padding:calc(8px * var(--app-ui-scale)) calc(12px * var(--app-ui-scale))}.app-filter-toolbar-action{width:calc(40px * var(--app-ui-scale));height:calc(40px * var(--app-ui-scale))}}}.layout-child-container,.user-layout-content-main-container{padding-left:0;padding-right:0}.main-outlet-inner{width:100%;max-width:100%;margin-inline:0;padding-left:var(--app-content-padding);padding-right:var(--app-content-padding);box-sizing:border-box}.layout-container,.user-layout-main-container,.layout-navbar-child-container,.user-layout-navbar-content-container{width:100%;max-width:100%}.layout-sidebar-wrap,.user-layout-navbar-main-container{flex-shrink:0}.layout-child-container,.user-layout-content-main-container{flex:1 1 auto;min-width:0}.lms-page-stat-row.td-stat-row{width:100%;box-sizing:border-box;margin-bottom:var(--section-margin, var(--spacing-5xl));align-items:stretch}.lms-page-stat-row .td-stat-card{height:100%}.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-1,.certificates-page-stat-row.td-stat-row{grid-template-columns:repeat(5,minmax(0,1fr))}.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.certificates-page-stat-row{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (max-width: 1024px){.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-5,.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-6,.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-1,.certificates-page-stat-row.td-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-1,.certificates-page-stat-row.td-stat-row{grid-template-columns:minmax(0,280px)}.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-4,.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-5,.lms-page-stat-row.td-stat-row.lms-page-stat-row--cols-6{grid-template-columns:1fr}}.layout-child-container [class*=loading-spinner],.user-layout-content-main-container [class*=loading-spinner],.document-queue-container [class*=loading-spinner],.author-queue-container [class*=loading-spinner],.certificate-container [class*=loading-spinner],.main-mycourses-container [class*=loading-spinner],.doc-view-button-spinner{border-radius:50%!important}.App{height:100%;width:100%;font-family:var(--font-family-primary);box-sizing:border-box}html,body,#root{height:100%;width:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}h2,h3,h4,h5,h6{font-size:var(--font-size-md);line-height:var(--line-height-tight)}h2{font-weight:var(--font-weight-semibold)}h3{font-weight:var(--font-weight-medium)}p,span{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}th{font-size:var(--table-header-font-size);font-weight:var(--table-header-font-weight)}td{font-size:var(--table-body-font-size)}.primary-button{display:flex;justify-content:center;align-items:center;border:none;background-color:var(--color-primary);color:var(--color-text-inverse);height:var(--height-button);padding:var(--btn-padding-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-3xl);margin-right:var(--spacing-lg);cursor:pointer;transition:all var(--transition-normal)}.main-card-container{display:flex;align-items:center;width:100%;justify-content:space-between;height:100%}.card-container{display:flex;align-items:center;height:100%;gap:10%;width:22%;border:solid .5px var(--color-border-light);justify-content:flex-start;border-radius:var(--radius-xl);background-color:var(--color-bg-surface);padding-left:2%;box-shadow:var(--shadow-card)}.card-icon{background-color:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-lg);border-radius:var(--radius-full)}.page-heading-container{display:flex;justify-content:space-between;align-items:center;padding-top:2%}.form-heading{border-bottom:solid 2px var(--color-border-form);height:10%;display:flex;gap:var(--spacing-lg);align-items:center;margin-top:5px;box-sizing:border-box}.form-main-container{width:100%;padding-right:1%;box-sizing:border-box;height:90%}.form{width:100%;display:flex;flex-wrap:wrap;gap:var(--spacing-3xl);background-color:var(--color-bg-surface);border-radius:var(--radius-md);padding:2%;margin-top:2%;border:solid 2px var(--color-border-strong);box-sizing:border-box;margin-right:1%;max-height:90%;overflow:auto}.form-input-elements{display:flex;flex-direction:column;flex:0 1 32%;height:auto;margin-bottom:var(--form-field-gap)}.input-element{height:var(--height-input);padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--color-border-muted);border-radius:var(--input-radius);font-size:var(--font-size-md);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-surface);margin-top:5px}select.input-element{padding-right:30px}select.input-element::-ms-expand{display:none}@media (max-width: 768px){.main-card-container{flex-wrap:wrap;gap:var(--app-grid-gap)}.card-container{width:calc(50% - var(--spacing-sm));min-width:0;flex:1 1 calc(50% - var(--spacing-sm))}}@media (max-width: 640px){.card-container{width:100%;flex:1 1 100%}}#root select{accent-color:var(--color-primary);background-color:var(--color-bg-surface);color:var(--color-text-body)}#root select.select-placeholder-active{color:var(--color-text-placeholder)}#root select option{background-color:var(--color-bg-surface);color:var(--color-text-body)}#root select option[value=""]{color:var(--color-text-placeholder)}#root select option:checked,#root select option:checked:hover{background-color:var(--color-primary)!important;color:var(--color-text-inverse)!important}@media (hover: hover){#root select option:hover{background-color:var(--color-primary)!important;color:var(--color-text-inverse)!important}}.new-navbar-container{height:100%;display:flex;flex-direction:column;box-sizing:border-box;container-type:inline-size;container-name:app-sidebar;scrollbar-width:thin;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xl);border-right:none;box-shadow:var(--shadow-nav);background:var(--color-bg-surface);flex-shrink:0;transition:width var(--transition-normal),transform var(--transition-normal);overflow-x:hidden;overflow-y:auto}.new-navbar-container--collapsed{width:var(--width-sidebar-collapsed);min-width:var(--width-sidebar-collapsed);max-width:var(--width-sidebar-collapsed);align-items:center}.new-navbar-container--expanded{width:var(--width-sidebar-expanded);min-width:var(--width-sidebar-expanded);max-width:var(--width-sidebar-expanded);transition:transform var(--transition-normal)}.new-navbar-brand-row{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs);width:100%;flex-shrink:0;padding:var(--spacing-xs) 2px var(--spacing-lg);margin-bottom:var(--spacing-xs);border-bottom:none;box-sizing:border-box}.new-navbar-brand-row__identity{flex:1;min-width:0;display:flex;align-items:center;justify-content:flex-start}.new-navbar-brand-row__identity--collapsed{justify-content:center}.new-navbar-container--collapsed .new-navbar-brand-row{flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-lg)}.new-navbar-container--collapsed .new-navbar-brand-row__identity{flex:0 0 auto;width:100%;min-width:0;justify-content:center}.new-navbar-container--collapsed .new-navbar-toggle{position:static;transform:none;flex-shrink:0;align-self:center}.new-navbar-brand-row .vlearn-brand{padding:0;width:100%;max-width:100%}.new-navbar-container--collapsed .new-navbar-brand-row .vlearn-brand{width:auto;max-width:100%}.new-navbar-toggle{flex-shrink:0;align-self:center;border:none;background:transparent;border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-text-nav);display:flex;align-items:center;justify-content:center;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.new-navbar-toggle:hover{background:var(--color-bg-hover);color:var(--color-text-nav)}.new-navbar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.new-nav-link{border:none;border-radius:var(--radius-md);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--spacing-lg);color:var(--color-text-primary);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;box-sizing:border-box;width:100%;min-height:44px;background:transparent;transition:background-color var(--transition-fast),color var(--transition-fast)}.new-nav-link:hover:not(.new-active){background-color:var(--color-bg-hover)}.new-navbar-container--collapsed .new-nav-link{justify-content:center;align-self:center;width:44px;min-width:44px;max-width:44px;padding:var(--spacing-md);box-sizing:border-box}.new-nav-icon-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-nav-icon-wrap svg{width:20px;height:20px}.new-nav-label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-nav);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.new-active{background-color:var(--color-primary)!important;color:var(--color-text-inverse)}.new-active .new-nav-label{color:var(--color-text-inverse)}.new-nav-role-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.new-nav-role-toggle{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border-subtle);background:var(--color-bg-toggle);color:var(--color-text-secondary);border-radius:var(--radius-md);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.3px;margin:var(--spacing-xs) 0;width:100%}.new-nav-role-toggle:hover{background:var(--color-bg-muted);border-color:var(--color-border-muted)}.new-nav-role-toggle.active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-primary)}.new-nav-role-toggle.active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.vlearn-brand{display:flex;flex-direction:row;align-items:center;width:100%;min-width:0;box-sizing:border-box;padding:0;--vlearn-brand-row-height: 48px;--vlearn-logo-height: 48px;--vlearn-wordmark-height: var(--vlearn-logo-height);--vlearn-wordmark-max-width: calc(var(--vlearn-wordmark-height) * 1484 / 572);--vlearn-brand-gap: var(--app-filter-gap)}.vlearn-brand--collapsed{justify-content:center;width:auto;max-width:100%}.vlearn-brand--expanded{justify-content:flex-start}.vlearn-brand__home{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:var(--vlearn-brand-gap);width:100%;min-width:0;max-width:100%;height:var(--vlearn-brand-row-height);max-height:var(--vlearn-brand-row-height);margin:0;padding:0;border:none;background:none;cursor:pointer;font:inherit;color:inherit}.vlearn-brand--collapsed .vlearn-brand__home{width:auto;justify-content:center}.vlearn-brand__home:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-md)}.vlearn-brand__img-surface{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.vlearn-brand__logo,.vlearn-brand__wordmark{display:block;width:auto;flex-shrink:0;object-fit:contain;object-position:left center}.vlearn-brand__logo{height:var(--vlearn-logo-height);max-height:var(--vlearn-logo-height);max-width:var(--vlearn-logo-height);background-color:var(--color-bg-surface, #ffffff)}.vlearn-brand__wordmark{height:var(--vlearn-wordmark-height);max-height:var(--vlearn-wordmark-height);max-width:var(--vlearn-wordmark-max-width)}.vlearn-brand--collapsed .vlearn-brand__logo{object-position:center}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center}.tooltip-text.portal{background-color:var(--color-text-body);color:var(--color-text-inverse);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);white-space:nowrap;pointer-events:none;transition:opacity var(--transition-slow);font-family:var(--font-family-primary);z-index:var(--z-tooltip);box-shadow:var(--shadow-md)}.portal-switch-strip{display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:48px;padding:0 var(--spacing-xl);box-sizing:border-box;border-bottom:1px solid var(--color-border-divider);background:var(--color-bg-surface)}.portal-switch-floating-root{position:relative;width:100%;flex-shrink:0;z-index:var(--z-sticky)}.portal-switch-floating-root__spacer{height:72px;width:100%;pointer-events:none;box-sizing:border-box}.portal-switch-strip--floating{position:absolute;top:0;right:0;z-index:1;width:auto;height:72px;min-height:72px;padding:0;margin:0;border:none;background:transparent;display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box}.portal-switch-strip__spacer{flex:1}.portal-switch-strip__actions{display:flex;align-items:center;gap:var(--spacing-md)}.portal-switch-strip__btn{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:background var(--transition-normal),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.portal-switch-strip__btn:hover{background:var(--color-primary-hover)}.portal-switch-strip__btn:active{transform:translateY(1px)}.portal-switch-strip__btn:focus-visible{outline:2px solid var(--color-primary-active);outline-offset:2px}.portal-switch-strip--page-top{position:sticky;top:0;z-index:var(--z-sticky);width:100%;min-height:48px;padding:var(--spacing-lg) 0 var(--spacing-xl);margin:0;border:none;background:linear-gradient(to bottom,var(--color-bg-elevated) 75%,rgba(248,250,252,0));display:flex;align-items:center;justify-content:flex-end;box-sizing:border-box;flex-shrink:0}.portal-switch-strip--page-top .portal-switch-strip__actions{margin-right:var(--app-page-actions-gutter, 0)}.main-outlet-wrap{flex:1;min-height:0;min-width:0;overflow:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position}.main-outlet-inner{display:flex;flex-direction:column;flex:1 0 auto;min-height:100%;width:100%;max-width:100%;margin-inline:0;padding-right:var(--app-content-padding);padding-left:var(--app-content-padding);box-sizing:border-box}.main-outlet-inner>*{width:100%;max-width:100%;box-sizing:border-box}.mobile-sidebar-toggle{display:none}@media (max-width: 768px){.mobile-sidebar-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-sm);position:absolute;left:var(--spacing-xl);top:36px;transform:translateY(-50%);z-index:2;width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-surface);cursor:pointer;box-shadow:var(--shadow-sm)}.mobile-sidebar-toggle__bar{display:block;width:18px;height:2px;background:#334155;border-radius:1px}.mobile-sidebar-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.portal-switch-strip--page-top{padding-left:56px}}.layout-sidebar-wrap,.user-layout-navbar-main-container{position:relative;flex-shrink:0}.sidebar-resize-handle{position:absolute;top:0;right:0;width:8px;height:100%;transform:translate(50%);cursor:col-resize;z-index:25;touch-action:none;background:transparent}.sidebar-resize-handle:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);border-radius:1px;background:transparent;transition:background-color var(--transition-fast)}.sidebar-resize-handle:hover:after,body.nav-sidebar-resizing .sidebar-resize-handle:after{background:var(--color-border-muted, rgba(148, 163, 184, .55))}body.nav-sidebar-resizing{cursor:col-resize}body.nav-sidebar-resizing .new-navbar-container:not(.new-navbar-container--mobile){width:var(--sidebar-live-width)!important;min-width:var(--sidebar-live-width)!important;max-width:var(--sidebar-live-width)!important;transition:none!important}body.nav-sidebar-resizing .new-navbar-container--expanded:not(.new-navbar-container--mobile) .new-nav-label{opacity:0;flex:0 0 0;max-width:0;overflow:hidden;padding:0;margin:0;pointer-events:none}@container app-sidebar (min-width: 200px){body.nav-sidebar-resizing .new-navbar-container--expanded:not(.new-navbar-container--mobile) .new-nav-label{opacity:1;flex:1 1 auto;max-width:none;overflow:hidden;padding:0;margin:0;pointer-events:auto}}@media (max-width: 768px){.sidebar-resize-handle{display:none}}.layout-container{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.layout-navbar-child-container{width:100%;flex:1;min-height:0;display:flex;flex-direction:row}.layout-child-container{position:relative;display:flex;flex-direction:column;min-height:0;flex:1;min-width:0;height:100%;padding-left:0;padding-right:0;background-color:var(--color-bg-page);box-sizing:border-box}.td-welcome{margin-bottom:var(--spacing-lg);flex-shrink:0}.td-welcome__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xl);font-weight:700;color:var(--td-text-primary)}.td-welcome__subtitle{margin:0;font-size:var(--font-size-sm);font-weight:500;color:var(--td-text-secondary);line-height:1.35}.td-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--app-grid-gap, var(--spacing-xl));width:100%;margin-bottom:var(--app-grid-gap);flex-shrink:0;align-items:stretch}a.td-stat-card{text-decoration:none;color:inherit}.td-stat-card{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--td-border);text-align:left;position:relative;min-width:0;width:100%;height:100%;min-height:121px;padding:var(--spacing-2xl);background:var(--color-bg-surface);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-card);box-sizing:border-box;cursor:pointer;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;align-items:center;justify-content:flex-start}.td-stat-card:hover{transform:translateY(-2px);box-shadow:var(--td-shadow-card-hover)}.td-stat-card:focus{outline:none}.td-stat-card:focus-visible{outline:2px solid rgba(59,130,246,.45);outline-offset:2px}.td-stat-card--active{outline:none;border-color:var(--td-border);box-shadow:var(--td-shadow-card)}.td-stat-card__body{display:flex;align-items:center;gap:var(--spacing-xl);position:relative;z-index:1;width:100%;min-height:0}.td-stat-card__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:center}.td-stat-card__icon svg{display:block;flex-shrink:0}.td-stat-card__text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-self:center}.td-stat-card p{margin:0}.td-stat-card__label{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.td-stat-card__value{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--td-text-primary);line-height:1.1}.td-stat-card__subtitle{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--td-text-secondary);line-height:1.2}.td-stat-card__wave{display:none}.td-stat-card--blue .td-stat-card__icon{background:var(--td-accent-blue-bg);color:var(--td-accent-blue)}.td-stat-card--blue .td-stat-card__label{color:var(--td-accent-blue)}.td-stat-card--emerald .td-stat-card__icon{background:var(--td-accent-emerald-bg);color:var(--td-accent-emerald)}.td-stat-card--emerald .td-stat-card__label{color:var(--td-accent-emerald)}.td-stat-card--amber .td-stat-card__icon{background:var(--td-accent-amber-bg);color:var(--td-accent-amber)}.td-stat-card--amber .td-stat-card__label{color:var(--td-accent-amber)}.td-stat-card--violet .td-stat-card__icon{background:var(--td-accent-violet-bg);color:var(--td-accent-violet)}.td-stat-card--violet .td-stat-card__label{color:var(--td-accent-violet)}.td-stat-card--sky .td-stat-card__icon{background:var(--td-accent-sky-bg);color:var(--td-accent-sky)}.td-stat-card--sky .td-stat-card__label{color:var(--td-accent-sky)}.td-stat-card--red .td-stat-card__icon{background:var(--td-accent-red-bg);color:var(--td-accent-red)}.td-stat-card--red .td-stat-card__label{color:var(--td-accent-red)}.td-stat-card--slate .td-stat-card__icon{background:var(--color-bg-hover);color:#6c7481}.td-stat-card--slate .td-stat-card__label{color:#6c7481}.td-panel{background:var(--color-bg-surface);border:1px solid var(--td-border);border-radius:var(--td-radius-md);box-shadow:var(--td-shadow-card);padding:var(--spacing-xl);box-sizing:border-box;height:100%;min-height:0;display:flex;flex-direction:column;container-type:inline-size}.td-learning-panel .td-panel__body,.td-admin-charts__donut .td-panel__body{flex:1;min-width:0;min-height:0}.td-learning-panel:not(.td-learning-panel--compact) .td-panel__body{display:flex;flex-direction:column}.td-learning-panel__chart-wrap,.td-admin-charts__donut-chart{--td-learning-legend-reserve: 8.75rem;--td-learning-chart-gap: var(--spacing-xl);--chart-size: clamp( 4.5rem, min( 82cqb, calc(100cqi - var(--td-learning-legend-reserve) - var(--td-learning-chart-gap)) ), 11.5rem );width:var(--chart-size);height:var(--chart-size);aspect-ratio:1 / 1;flex:0 0 var(--chart-size);position:relative;overflow:visible}.td-learning-panel:not(.td-learning-panel--compact) .td-learning-panel__chart-row{container-type:size;container-name:td-learning-chart-row;width:100%;max-width:100%;flex:1 1 0;min-height:0}.td-admin-charts__donut-inner{container-type:size;container-name:td-admin-donut-row;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);flex:1 1 0;min-height:0;width:100%;max-width:100%}.td-admin-charts__donut-chart{--td-learning-legend-reserve: 7.5rem;overflow:hidden}.td-learning-panel--compact .td-panel__body{container-type:size}.td-learning-panel--compact .td-learning-panel__chart-wrap{--chart-size: clamp(4rem, min(72cqb, 72cqi), 6.5rem)}@supports not (width: 1cqi){.td-learning-panel__chart-wrap{width:120px;height:120px;flex:0 0 120px}.td-learning-panel--grid .td-learning-panel__chart-wrap{width:160px;height:160px;flex:0 0 160px}.td-learning-panel--compact .td-learning-panel__chart-wrap{width:80px;height:80px;flex:0 0 80px}.td-admin-charts__donut-chart{width:140px;height:140px;flex:0 0 140px}}@container td-learning-chart-row (max-width: 24rem){.td-learning-panel:not(.td-learning-panel--compact) .td-learning-panel__chart-row{flex-direction:column;flex-wrap:nowrap;gap:var(--spacing-md)}.td-learning-panel:not(.td-learning-panel--compact) .td-learning-panel__chart-wrap{--td-learning-legend-reserve: 0rem;--chart-size: clamp(4rem, min(72cqi, 52cqb), 9rem)}.td-learning-panel__legend{flex:0 0 auto;min-width:0;width:100%;align-items:center}}@container td-admin-donut-row (max-width: 24rem){.td-admin-charts__donut-inner{flex-direction:column;gap:var(--spacing-md)}.td-admin-charts__donut-chart{--td-learning-legend-reserve: 0rem;--chart-size: clamp(4rem, min(72cqi, 52cqb), 9rem)}.td-admin-charts__donut-legend{flex:0 0 auto;min-width:0;width:100%;align-items:center}}@container td-learning-panel-body (max-height: 14rem){.td-learning-panel--grid .td-learning-panel__chart-wrap{--td-learning-legend-reserve: 8rem;--chart-size: clamp(4rem, min(72cqb, calc(100cqi - 8rem - var(--spacing-md))), 7rem)}}@container td-admin-donut-body (max-height: 14rem){.td-admin-charts__donut-chart{--td-learning-legend-reserve: 7rem;--chart-size: clamp(4rem, min(72cqb, calc(100cqi - 7rem - var(--spacing-md))), 7rem)}}.td-panel--compact{min-height:0}.td-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-shrink:0}.td-panel__title-row{display:flex;align-items:center;gap:var(--spacing-md)}.td-panel__title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--td-text-primary)}.td-panel__subtitle{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--td-text-secondary)}.td-panel__badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:var(--font-size-sm);font-weight:600;border-radius:var(--td-radius-sm);color:var(--color-text-inverse)}.td-panel__badge--blue{background:var(--td-accent-blue)}.td-panel__badge--amber{background:var(--td-accent-amber)}.td-panel__actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.td-panel__body{flex:1;overflow:auto;min-height:0}.td-quick-section{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;box-sizing:border-box}.td-quick-section__title{margin:0 0 var(--app-grid-gap);padding:0;font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--spacing-md);color:var(--td-text-primary);flex-shrink:0}.td-quick-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:var(--app-grid-gap, var(--spacing-xl));align-items:stretch}.td-quick-grid--cols-1{grid-template-columns:1fr}.td-quick-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.t-user-dashboard__quick-panel .td-panel__body,.t-admin-dashboard__actions-panel .td-panel__body{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.t-user-dashboard__quick-panel .td-quick-grid--cols-2,.t-admin-dashboard__actions-panel .td-quick-grid--cols-2{flex:1;min-height:0;width:100%;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--app-grid-gap);align-content:stretch}.t-user-dashboard__quick-panel .td-quick-action,.t-admin-dashboard__actions-panel .td-quick-action{height:auto;min-height:0;max-height:100%;overflow:hidden;padding:var(--spacing-lg) var(--spacing-2xl);gap:var(--spacing-lg);align-items:center;justify-content:flex-start;box-sizing:border-box}.t-user-dashboard__quick-panel .td-quick-action:hover,.t-user-dashboard__quick-panel .td-quick-action:focus-visible,.t-admin-dashboard__actions-panel .td-quick-action:hover,.t-admin-dashboard__actions-panel .td-quick-action:focus-visible{transform:none}.t-user-dashboard__quick-panel .td-quick-action__icon,.t-admin-dashboard__actions-panel .td-quick-action__icon{width:36px;height:36px;min-width:36px;min-height:36px}.t-user-dashboard__quick-panel .td-quick-action__content,.t-admin-dashboard__actions-panel .td-quick-action__content{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}.t-user-dashboard__quick-panel .td-quick-action__title,.t-admin-dashboard__actions-panel .td-quick-action__title{margin:0;font-size:var(--font-size-sm);font-weight:600;line-height:1.35}.t-user-dashboard__quick-panel .td-quick-action__desc,.t-admin-dashboard__actions-panel .td-quick-action__desc{margin:0;font-size:var(--font-size-sm);line-height:1.35;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.t-user-dashboard__quick-panel .td-quick-action__arrow,.t-admin-dashboard__actions-panel .td-quick-action__arrow{align-self:center;flex-shrink:0;width:18px;height:18px}.td-quick-grid--equal{grid-template-columns:repeat(3,1fr);gap:var(--app-grid-gap, var(--spacing-xl))}.td-quick-action--equal{flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg);min-height:72px;gap:var(--spacing-md)}.td-quick-action--equal .td-quick-action__icon{width:36px;height:36px}.td-quick-action--equal .td-quick-action__content{flex:unset}.td-quick-action--equal .td-quick-action__title{margin:0;font-size:var(--font-size-sm)}@media (max-width: 640px){.td-quick-grid,.td-quick-grid--cols-2,.td-quick-grid--equal{grid-template-columns:1fr}}.td-quick-action{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);min-height:58px;background:var(--color-bg-elevated);border:1px solid var(--td-border);border-radius:var(--td-radius-md);cursor:pointer;transition:background var(--transition-normal),border-color var(--transition-normal),transform var(--transition-normal);text-align:left;width:100%;box-sizing:border-box}.td-quick-action:hover{background:var(--td-accent-blue-bg);border-color:var(--td-accent-blue);transform:translateY(-1px)}.td-quick-action__icon{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:var(--td-radius-sm);background:var(--td-accent-blue-bg);color:var(--td-accent-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.td-quick-action__content{flex:1;min-width:0}.td-quick-action__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-base)!important;font-weight:600;color:var(--td-text-primary);overflow-wrap:anywhere;line-height:1.3}.td-quick-action__desc{margin:0;font-size:var(--font-size-sm);color:var(--td-text-secondary);line-height:1.35;overflow-wrap:anywhere}.td-quick-action__arrow{color:var(--td-accent-blue);flex-shrink:0}.td-learning-panel{display:flex;flex-direction:column;height:100%}.td-learning-panel__chart-row{display:flex;align-items:center;gap:var(--spacing-3xl);flex:1;flex-wrap:wrap;justify-content:center}.td-doughnut-tooltip{position:absolute;z-index:4;pointer-events:none;opacity:0;visibility:hidden;padding:6px 10px;font-size:var(--font-size-sm);font-weight:500;line-height:1.3;color:var(--color-text-inverse);white-space:nowrap;background:#111827eb;border-radius:6px;box-shadow:0 4px 14px #0000002e;transition:opacity .12s ease}.td-learning-panel__chart-wrap--center-label{display:flex;align-items:center;justify-content:center}.td-learning-panel__center-pct{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);font-weight:700;color:var(--td-text-secondary);pointer-events:none;z-index:1}.td-learning-panel--grid{height:100%;min-height:0}.td-learning-panel--grid .td-panel__body{container-type:size;container-name:td-learning-panel-body;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;overflow:visible}.td-learning-panel--grid .td-learning-panel__chart-row{flex:1 1 0;min-height:0;align-items:center;justify-content:center;width:100%;max-width:100%;margin-inline:auto;flex-wrap:nowrap;gap:var(--spacing-xl);overflow:visible}.td-learning-panel--grid .td-learning-panel__footer--motivate{width:100%;text-align:center;flex-shrink:0;margin-top:auto;padding-top:var(--spacing-xs)}.td-learning-panel--grid .td-learning-panel__legend{flex:0 1 auto;min-width:0;overflow:hidden;font-size:var(--font-size-sm)}.td-learning-panel--grid .td-learning-panel__legend-item{font-size:var(--font-size-sm)}.td-learning-panel--grid .td-learning-panel__center-pct{font-size:clamp(var(--font-size-sm),calc(var(--chart-size) * .18),var(--font-size-md))}.td-learning-panel__footer--motivate{flex-shrink:0;margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--td-text-secondary);line-height:1.3}@container td-learning-panel-body (max-height: 6.5rem){.td-learning-panel--grid .td-learning-panel__footer--motivate{display:none}}.td-learning-panel--compact .td-panel__body{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 8px 8px}.td-learning-panel--compact .td-panel__header{margin-bottom:4px;width:100%}.td-learning-panel__stack{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;flex:0 0 auto;min-height:0;gap:var(--app-stack-gap-compact)}.td-learning-panel__chart-center{display:flex;align-items:center;justify-content:center;width:100%;flex:0 0 auto;min-height:0}.td-learning-panel__overall{margin:0;text-align:center;font-size:var(--font-size-sm);color:var(--td-text-secondary);line-height:1.3;flex-shrink:0}.td-learning-panel__overall strong{color:var(--td-text-primary);font-weight:700}.td-learning-panel__dots-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-shrink:0;padding-bottom:2px}.td-learning-panel__dot-hint{width:12px;height:12px;border-radius:50%;cursor:help;transition:transform .15s ease,box-shadow .15s ease;flex-shrink:0}.td-learning-panel__dot-hint:hover{transform:scale(1.25);box-shadow:0 0 0 2px #fff,0 0 0 3px currentColor}.td-learning-panel--compact .td-learning-panel__chart-row{gap:var(--spacing-md)}.td-learning-panel--compact .td-learning-panel__legend-item{font-size:var(--font-size-sm)}.td-learning-panel--compact .td-learning-panel__footer{margin-top:6px;font-size:var(--font-size-sm)}.td-learning-panel__legend{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;min-width:100px}.td-learning-panel__legend-item{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--td-text-secondary)}.td-learning-panel__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.td-learning-panel__footer{margin-top:var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--td-text-secondary);flex-shrink:0}.td-page{width:100%;height:100%;max-height:100%;padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-xl);box-sizing:border-box;background:transparent;overflow:hidden;display:flex;flex-direction:column}.t-user-dashboard.td-page,.t-admin-dashboard.td-page{container-type:inline-size;container-name:td-page}.t-user-dashboard.td-page,.t-admin-dashboard.td-page,.t-user-dashboard.td-page>*,.t-admin-dashboard.td-page>*{--td-density-scale: clamp( .72, min( calc(100cqi/1373px) , calc(100dvh/861px) ), 1 )}@supports not (width: 1cqi){.t-user-dashboard.td-page,.t-admin-dashboard.td-page,.t-user-dashboard.td-page>*,.t-admin-dashboard.td-page>*{--td-density-scale: 1}}.t-user-dashboard.td-page,.t-admin-dashboard.td-page{padding:calc(var(--spacing-lg) * var(--td-density-scale, 1)) calc(var(--spacing-2xl) * var(--td-density-scale, 1)) calc(var(--spacing-xl) * var(--td-density-scale, 1))}.t-user-dashboard.td-page .td-welcome,.t-admin-dashboard.td-page .td-welcome{margin-bottom:calc(var(--spacing-lg) * var(--td-density-scale, 1))}.t-user-dashboard.td-page .td-stat-row,.t-admin-dashboard.td-page .td-stat-row{gap:calc(var(--app-grid-gap, var(--spacing-xl)) * var(--td-density-scale, 1));margin-bottom:calc(var(--app-grid-gap, var(--spacing-xl)) * var(--td-density-scale, 1))}.t-user-dashboard.td-page .td-stat-card,.t-admin-dashboard.td-page .td-stat-card{min-height:calc(121px * var(--td-density-scale, 1));padding:calc(var(--spacing-2xl) * var(--td-density-scale, 1))}.t-user-dashboard.td-page .td-stat-card__icon,.t-admin-dashboard.td-page .td-stat-card__icon{width:calc(48px * var(--td-density-scale, 1));height:calc(48px * var(--td-density-scale, 1))}.t-user-dashboard.td-page .td-panel,.t-admin-dashboard.td-page .td-panel{padding:calc(var(--spacing-xl) * var(--td-density-scale, 1))}.t-user-dashboard.td-page .td-panel__header,.t-admin-dashboard.td-page .td-panel__header{margin-bottom:calc(var(--spacing-xl) * var(--td-density-scale, 1))}.t-user-dashboard.td-page .t-user-dashboard__grid,.t-admin-dashboard.td-page .td-admin-layout,.t-admin-dashboard.td-page .td-admin-layout__charts{gap:calc(var(--app-grid-gap) * var(--td-density-scale, 1))}.td-admin-charts__panel{flex:1;min-height:0;min-width:0;height:100%}.td-admin-charts__donut .td-panel__body{container-type:size;container-name:td-admin-donut-body;display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden}.td-admin-charts__donut-legend{display:flex;flex-direction:column;gap:var(--spacing-md);flex:0 1 auto;min-width:100px;overflow:hidden}.td-admin-charts__donut-legend .td-learning-panel__legend-item{font-size:var(--font-size-md)}.td-admin-charts__donut-legend .td-learning-panel__dot{width:14px;height:14px}.td-admin-charts__bar-chart{height:100%;min-height:100px}.td-admin-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);grid-template-rows:minmax(0,58fr) minmax(0,42fr);gap:var(--app-grid-gap);overflow:hidden}.td-admin-layout__charts{grid-column:1 / -1;grid-row:1;min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:var(--app-grid-gap)}.td-admin-charts{display:contents}.td-admin-charts__bar{grid-column:1;grid-row:1;min-height:0}.td-admin-charts__donut{grid-column:2;grid-row:1;min-height:0}.td-admin-layout__actions{grid-column:1 / -1;grid-row:2;min-height:0;overflow:hidden;min-width:0}@media (max-width: 1100px){.td-page{overflow-y:auto}.t-user-dashboard.td-page,.t-admin-dashboard.td-page{overflow:hidden}}.td-error{color:var(--color-error-hover);padding:var(--spacing-xl)}.td-loading{padding:var(--spacing-4xl);color:var(--td-text-secondary);font-size:var(--font-size-sm)}.t-admin-dashboard.td-page{height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);min-height:0;overflow:hidden;padding-bottom:var(--spacing-2xl);box-sizing:border-box}.portal-switch-strip--page-top+.t-admin-dashboard.td-page{height:calc(100dvh - 88px);max-height:calc(100dvh - 88px)}.t-admin-dashboard .td-stat-row{grid-template-columns:repeat(4,minmax(0,1fr))}.t-admin-dashboard__stats{position:relative;z-index:2;flex-shrink:0}.t-admin-dashboard .td-admin-layout__actions{grid-column:1 / -1;grid-row:2}.t-admin-dashboard__actions-panel{height:100%;min-height:0;width:100%}@media (max-width: 768px),(max-height: 720px){.t-admin-dashboard.td-page{padding:var(--app-content-padding);box-sizing:border-box}.t-admin-dashboard .td-stat-row{gap:var(--app-grid-gap);margin-bottom:var(--app-grid-gap)}.t-admin-dashboard .td-stat-card{min-height:78px;padding:9px}.t-admin-dashboard .td-stat-card__body{gap:7px}.t-admin-dashboard .td-stat-card__icon{width:32px;height:32px}.t-admin-dashboard .td-stat-card__label{font-size:var(--font-size-sm)}.t-admin-dashboard .td-stat-card__value{font-size:var(--font-size-xl)}.t-admin-dashboard .td-stat-card__subtitle,.t-admin-dashboard .td-stat-card__wave,.t-admin-dashboard__actions-panel .td-quick-action__desc{display:none}.t-admin-dashboard .td-admin-layout{grid-template-columns:minmax(0,60fr) minmax(0,40fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:var(--app-grid-gap);overflow:hidden}.t-admin-dashboard .td-admin-layout__charts{grid-template-columns:minmax(0,60fr) minmax(0,40fr)}.t-admin-dashboard__actions-panel .td-quick-action{min-height:0;height:auto;max-height:100%;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md)}.t-admin-dashboard__actions-panel .td-quick-action__icon{width:28px;height:28px;min-width:28px;min-height:28px}}@media (max-height: 680px){.portal-switch-strip--page-top+.t-admin-dashboard.td-page{height:calc(100dvh - 72px);max-height:calc(100dvh - 72px)}.t-admin-dashboard.td-page{padding:var(--app-stack-gap-compact) var(--app-stack-gap-tight)}.t-admin-dashboard .td-welcome{margin-bottom:var(--app-stack-gap-compact)}.t-admin-dashboard .td-welcome__title{font-size:var(--font-size-sm);margin-bottom:1px}.t-admin-dashboard .td-welcome__subtitle{font-size:var(--font-size-sm);line-height:1.15}.t-admin-dashboard .td-stat-row{gap:var(--app-stack-gap-compact);margin-bottom:var(--app-stack-gap-compact)}.t-admin-dashboard .td-stat-card{min-height:54px;padding:7px 8px}.t-admin-dashboard .td-stat-card__body{align-items:center;gap:var(--app-stack-gap-compact)}.t-admin-dashboard .td-stat-card__icon{width:26px;height:26px}.t-admin-dashboard .td-stat-card__label{margin-bottom:1px;font-size:var(--font-size-sm)}.t-admin-dashboard .td-stat-card__value{font-size:var(--font-size-sm)}.t-admin-dashboard .td-admin-layout__actions{flex-shrink:1}.t-admin-dashboard .td-panel{padding:var(--spacing-md)}.t-admin-dashboard .td-panel__header{margin-bottom:var(--app-stack-gap-compact)}.t-admin-dashboard .td-panel__title{font-size:var(--font-size-sm)}.t-admin-dashboard .td-admin-layout{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.t-admin-dashboard .td-panel__subtitle{display:none}.t-admin-dashboard__actions-panel .td-quick-action{min-height:0;height:auto;max-height:100%;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm)}.t-admin-dashboard__actions-panel .td-quick-action__icon{width:24px;height:24px;min-width:24px;min-height:24px}.t-admin-dashboard .td-admin-charts__donut-inner{gap:var(--app-grid-gap)}.t-admin-dashboard .td-admin-charts__donut-chart{--td-learning-legend-reserve: 7rem;--chart-size: clamp(3.5rem, min(70cqb, calc(100cqi - 7rem - var(--spacing-md))), 6.5rem)}.t-admin-dashboard .td-admin-charts__donut-legend{gap:var(--app-stack-gap-compact)}.t-admin-dashboard .td-admin-charts__donut-legend .td-learning-panel__legend-item{gap:var(--spacing-xs);font-size:var(--font-size-sm)}.t-admin-dashboard .td-admin-charts__donut-legend .td-learning-panel__dot{width:6px;height:6px}.t-admin-dashboard__actions-panel .td-quick-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--app-stack-gap-compact)}.t-admin-dashboard__actions-panel .td-quick-action__arrow{width:14px;height:14px}}.document-cards-container{width:100%;margin-bottom:var(--app-grid-gap)}.document-cards-container .td-stat-card__text{justify-content:flex-start}.document-cards-container .td-stat-card__subtitle{font-size:clamp(var(--font-size-xs),.75vw,var(--font-size-sm));line-height:1.25;white-space:normal}@container app-main (min-width: 769px){.document-cards-container.lms-page-stat-row .td-stat-card{min-height:calc(140px * var(--app-ui-scale-v, 1))}}@supports not (width: 100cqw){@media (min-width: 769px){.document-cards-container.lms-page-stat-row .td-stat-card{min-height:calc(140px * var(--app-ui-scale-v, 1))}}}.document-library-main-container{height:auto;width:100%;box-sizing:border-box;overflow:visible;padding-bottom:var(--app-content-padding)}.document-library-heading-button-container{padding:1%;background-color:var(--color-primary);color:var(--color-text-inverse);height:fit-content;margin-right:1%;border-radius:var(--radius-md);display:flex;align-items:center;border:none;cursor:pointer}.document-library-file-label{margin-left:10px}.document-library-heading-content{display:flex;flex-direction:column;gap:var(--app-filter-gap)}.document-library-heading{margin:0}.document-library-tag{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-label);line-height:1.45}.document-library-heading-container{display:flex;align-items:flex-start;justify-content:space-between;margin-top:2%;gap:var(--form-field-gap)}.document-library-cards-main-container{height:auto;min-height:0;width:100%;margin-top:var(--app-grid-gap)}.document-library-search-main-container{height:auto;width:100%;margin-top:var(--app-stack-gap-compact)}.document-tabs-container{margin:var(--app-grid-gap) 0 var(--app-stack-gap-compact);border-bottom:2px solid var(--color-border)}.document-tabs{display:flex;gap:0}.tab-button{padding:var(--btn-padding-lg);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-slow);position:relative}.tab-button:hover{color:var(--color-text-body);background-color:var(--color-bg-input)}.tab-button.active{color:#1e40af;font-weight:var(--font-weight-semibold);border-bottom-color:var(--color-primary);background-color:#eff6ff}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background-color:#000}@container app-main (min-width: 769px){.document-library-cards-main-container{min-height:0}}@supports not (width: 100cqw){@media (min-width: 769px){.document-library-cards-main-container{min-height:0}}}@media (max-width: 768px){.tab-button{padding:10px 16px;font-size:var(--font-size-sm)}}.user-navbar-main-component{display:flex;flex-direction:column;height:100%;justify-content:flex-start;box-sizing:border-box}.admin-access-link{margin-top:auto!important;background-color:var(--color-primary)!important;color:var(--color-text-inverse)!important;border:2px solid var(--color-primary-hover)!important;transition:all var(--transition-slow);position:relative}.admin-access-link:hover{background-color:var(--color-primary-hover)!important;border-color:var(--color-primary-active)!important;transform:scale(1.05);box-shadow:var(--shadow-md)}.admin-access-link svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.user-layout-main-container{height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;min-height:0}.user-layout-navbar-content-container{flex:1;min-height:0;width:100%;display:flex;flex-direction:row;box-sizing:border-box}.user-layout-navbar-main-container{flex-shrink:0;height:100%;box-sizing:border-box;border-right:none;padding-top:0}.user-layout-content-main-container{position:relative;display:flex;flex-direction:column;min-height:0;flex:1;min-width:0;height:100%;background-color:var(--color-bg-page);padding-left:0;padding-right:0;box-sizing:border-box}.user-layout-content-main-container .portal-switch-strip--page-top{background:linear-gradient(to bottom,var(--color-bg-page) 75%,transparent)}.t-to{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}.t-to-filter-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--td-border);border-radius:var(--td-radius-sm);background:var(--color-bg-surface);color:var(--td-text-secondary);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.t-to-filter-btn:hover,.t-to-filter-btn--active{background:var(--td-accent-blue-bg);border-color:var(--td-accent-blue);color:var(--td-accent-blue)}.t-to-filter-bar{flex-shrink:0;display:flex;align-items:flex-end;justify-content:space-between;gap:var(--app-filter-gap);width:100%;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);box-sizing:border-box;background:var(--color-bg-elevated);border:1px solid var(--td-border);border-radius:var(--td-radius-md);animation:t-to-filter-bar-fade .15s ease-out}@keyframes t-to-filter-bar-fade{0%{opacity:0}to{opacity:1}}.t-to--filters-open .t-to-filter-bar{margin-top:calc(var(--spacing-xs) * -1)}.t-to-filter-bar__fields{flex:1;min-width:0;display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--app-filter-gap)}.t-to-filter-bar__field{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.t-to-filter-bar__field--search{flex:1 1 200px;min-width:160px}.t-to-filter-bar__field--status,.t-to-filter-bar__field--sort{flex:0 1 150px;min-width:130px}.t-to-filter-bar__label{font-size:var(--font-size-sm);font-weight:600;color:var(--td-text-secondary);line-height:1.2}.t-to-filter-bar .t-to-select{width:100%;height:32px}.t-to-custom-select{position:relative;width:100%}.t-to-custom-select__trigger{width:100%;height:32px;border:1px solid var(--td-border);border-radius:var(--td-radius-sm);background:var(--color-bg-surface);color:var(--td-text-primary);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:0 10px;font-size:var(--font-size-sm);cursor:pointer}.t-to-custom-select__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-to-custom-select__chevron{font-size:10px;color:var(--td-text-secondary);flex-shrink:0}.t-to-custom-select__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown);background:var(--color-bg-surface);border:1px solid var(--td-border);border-radius:var(--td-radius-sm);box-shadow:var(--shadow-md);overflow:hidden}.t-to-custom-select__option{width:100%;text-align:left;border:none;border-bottom:1px solid var(--color-border);background:var(--color-bg-surface);color:var(--td-text-primary);padding:6px 10px;font-size:var(--font-size-sm);cursor:pointer}.t-to-custom-select__option:last-child{border-bottom:none}.t-to-custom-select__option:hover,.t-to-custom-select__option.is-selected,.t-to-custom-select__option:focus{background:var(--color-primary);color:var(--color-text-inverse)}.t-to-filter-bar .t-to-search-wrap{width:100%}.t-to-filter-bar .t-to-search{height:32px;font-size:var(--font-size-sm);padding:0 10px 0 30px}.t-to-filter-bar__actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:1px}.t-to-filter-bar__clear{height:32px;padding:0 var(--spacing-lg);border:1px solid var(--td-border);border-radius:var(--td-radius-sm);background:var(--color-bg-surface);color:var(--td-text-secondary);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.t-to-filter-bar__clear:hover{background:var(--color-bg-page);color:var(--td-text-primary);border-color:var(--td-text-muted)}.t-to-filter-bar__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--td-border);border-radius:var(--td-radius-sm);background:var(--color-bg-surface);font-size:var(--font-size-md);line-height:1;color:var(--td-text-secondary);cursor:pointer;transition:background .15s,color .15s}.t-to-filter-bar__close:hover{background:var(--color-bg-page);color:var(--td-text-primary)}@media (max-width: 640px){.t-to-filter-bar,.t-to-filter-bar__fields{flex-direction:column;align-items:stretch}.t-to-filter-bar__field--search,.t-to-filter-bar__field--status,.t-to-filter-bar__field--sort{flex:1 1 auto;min-width:0;width:100%}.t-to-filter-bar__actions{justify-content:flex-end;padding-bottom:0}}.t-to-search-wrap{flex:1;min-width:140px;position:relative}.t-to-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.t-to-search{width:100%;box-sizing:border-box;padding:var(--spacing-sm) 10px 8px 34px;border:1px solid var(--td-border);border-radius:var(--td-radius-sm);font-size:var(--font-size-sm)}.t-to-select{padding:var(--spacing-sm) 10px;border:1px solid var(--td-border);border-radius:var(--td-radius-sm);font-size:var(--font-size-sm);background:var(--color-bg-surface);color:var(--td-text-primary)}.t-to-table-wrap{flex:1;min-height:0;overflow:auto}.t-to-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.t-to-table th{text-align:left;font-weight:600;color:var(--td-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-sm) 10px;border-bottom:1px solid var(--td-border);white-space:nowrap}.t-to-table td{padding:10px;border-bottom:1px solid var(--color-bg-page);vertical-align:middle}.t-to-cell-training{min-width:180px}.t-to-name{font-weight:600;color:var(--td-text-primary);line-height:1.25}.t-to-category{display:inline-block;padding:3px 10px;border-radius:999px;font-size:var(--font-size-sm);font-weight:500;background:var(--color-bg-page);color:var(--color-text-secondary);border:1px solid var(--color-border)}.t-to-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 10px;border-radius:999px;border:none;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .15s}.t-to-status:hover{opacity:.85}.t-to-status--completed{background:var(--color-success-bg);color:var(--color-success-hover)}.t-to-status--in_progress{background:var(--color-warning-bg);color:var(--color-warning-hover)}.t-to-status--pending{background:var(--color-accent-violet-bg);color:var(--color-accent-violet)}.t-to-status--overdue{background:var(--color-error-bg);color:var(--color-error-hover)}.t-to-status-chevron{font-size:var(--font-size-sm);line-height:1}.t-to-cell-progress{min-width:120px}.t-to-progress-bar{height:6px;background:var(--color-border);border-radius:999px;overflow:hidden;margin-bottom:4px}.t-to-progress-fill{height:100%;background:var(--td-accent-blue);border-radius:999px}.t-to-progress-fill--completed{background:var(--color-success)}.t-to-progress-fill--overdue{background:var(--color-error)}.t-to-progress-fill--in_progress{background:var(--color-warning)}.t-to-progress-fill--pending{background:var(--color-accent-violet)}.t-to-progress-pct{font-size:var(--font-size-sm);color:var(--td-text-secondary)}.t-to-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl)}.t-to-empty__title{margin:var(--spacing-xl) 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;color:var(--td-text-primary)}.t-to-empty__sub{margin:0 0 var(--form-field-gap);font-size:var(--font-size-sm);color:var(--td-text-secondary);max-width:280px}.t-to-empty__btn{padding:var(--spacing-lg) var(--spacing-4xl);background:var(--td-accent-blue);color:var(--color-text-inverse);border:none;border-radius:var(--td-radius-sm);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:inherit}.t-to-empty__btn:hover{filter:brightness(1.05)}.t-recent-activity__list{display:flex;flex-direction:column;gap:0;overflow-y:auto;flex:1;min-height:0}.t-recent-activity__item{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;position:relative}.t-recent-activity__item:not(:last-child){border-bottom:1px solid var(--color-bg-page)}.t-recent-activity__dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-muted);flex-shrink:0;margin-top:5px}.t-recent-activity__dot--default{background-color:var(--color-text-muted)}.t-recent-activity__dot--certificate{background-color:var(--color-accent-violet)}.t-recent-activity__dot--completed{background-color:var(--color-text-muted)}.t-recent-activity__dot--in_progress{background-color:var(--color-warning)}.t-recent-activity__dot--overdue{background-color:var(--color-error)}.t-recent-activity__content{flex:1;min-width:0}.t-recent-activity__text{margin:0 0 2px;font-size:var(--font-size-sm);color:var(--color-text-body);line-height:1.4}.t-recent-activity__time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.t-recent-activity__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4xl);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.t-recent-activity__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4xl);text-align:center;flex:1}.t-recent-activity__empty-icon{color:var(--color-text-muted);opacity:.5;margin-bottom:var(--spacing-md)}.t-recent-activity__empty p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.t-user-dashboard.td-page{height:calc(100dvh - 28px);max-height:calc(100dvh - 28px);min-height:0;overflow:hidden;padding-bottom:var(--spacing-2xl);box-sizing:border-box}.portal-switch-strip--page-top+.t-user-dashboard.td-page{height:calc(100dvh - 88px);max-height:calc(100dvh - 88px)}.t-user-dashboard{gap:0}.t-user-dashboard .td-stat-row{grid-template-columns:repeat(5,minmax(0,1fr))}.t-user-dashboard__main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.t-user-dashboard__grid{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);grid-template-rows:minmax(0,58fr) minmax(0,42fr);gap:var(--app-grid-gap);align-items:stretch;overflow:hidden}.t-user-dashboard__cell{min-height:0;display:flex;flex-direction:column;overflow:hidden}.t-user-dashboard__cell--trainings{grid-column:1;grid-row:1}.t-user-dashboard__cell--deadlines{grid-column:2;grid-row:2}.t-user-dashboard__cell--quick{grid-column:1;grid-row:2;min-height:0}.t-user-dashboard__cell--learning{grid-column:2;grid-row:1}.t-user-dashboard__panel{height:100%;min-height:0}.t-user-dashboard__panel .td-panel__body{flex:1;min-height:0;display:flex;flex-direction:column}.t-user-dashboard__quick-panel{height:100%;min-height:0}@media (max-width: 768px),(max-height: 720px){.t-user-dashboard.td-page{padding:var(--app-content-padding);box-sizing:border-box}.t-user-dashboard .td-stat-row{gap:var(--app-grid-gap);margin-bottom:var(--app-grid-gap)}.t-user-dashboard .td-stat-card{min-height:78px;padding:9px}.t-user-dashboard .td-stat-card__body{gap:7px}.t-user-dashboard .td-stat-card__icon{width:32px;height:32px}.t-user-dashboard .td-stat-card__label{font-size:var(--font-size-sm)}.t-user-dashboard .td-stat-card__value{font-size:var(--font-size-xl)}.t-user-dashboard .td-stat-card__subtitle,.t-user-dashboard .td-stat-card__wave,.t-user-dashboard__quick-panel .td-quick-action__desc{display:none}.t-user-dashboard__grid{gap:var(--app-grid-gap);grid-template-columns:minmax(0,60fr) minmax(0,40fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.t-user-dashboard__quick-panel .td-quick-action{min-height:0;height:auto;max-height:100%;overflow:hidden;padding:var(--spacing-sm) var(--spacing-md)}.t-user-dashboard__quick-panel .td-quick-action__icon{width:28px;height:28px;min-width:28px;min-height:28px}}@media (max-height: 680px){.portal-switch-strip--page-top+.t-user-dashboard.td-page{height:calc(100dvh - 72px);max-height:calc(100dvh - 72px)}.t-user-dashboard.td-page{padding:var(--app-stack-gap-compact) var(--app-stack-gap-tight)}.t-user-dashboard .td-welcome{margin-bottom:var(--app-stack-gap-compact)}.t-user-dashboard .td-welcome__title{font-size:var(--font-size-sm);margin-bottom:1px}.t-user-dashboard .td-welcome__subtitle{font-size:var(--font-size-sm);line-height:1.15}.t-user-dashboard .td-stat-row{gap:var(--app-stack-gap-compact);margin-bottom:var(--app-stack-gap-compact)}.t-user-dashboard .td-stat-card{min-height:54px;padding:7px 8px}.t-user-dashboard .td-stat-card__body{align-items:center;gap:var(--app-stack-gap-compact)}.t-user-dashboard .td-stat-card__icon{width:26px;height:26px}.t-user-dashboard .td-stat-card__label{margin-bottom:1px;font-size:var(--font-size-sm)}.t-user-dashboard .td-stat-card__value{font-size:var(--font-size-sm)}.t-user-dashboard .td-panel{padding:var(--spacing-md)}.t-user-dashboard .td-panel__header{margin-bottom:var(--app-stack-gap-compact)}.t-user-dashboard .td-panel__title{font-size:var(--font-size-sm)}.t-user-dashboard .td-panel__subtitle,.t-user-dashboard .td-panel__badge{display:none}.t-user-dashboard__quick-panel .td-quick-grid--cols-2{gap:var(--app-stack-gap-compact)}.t-user-dashboard__grid{grid-template-rows:minmax(0,1fr) minmax(0,1fr)}.t-user-dashboard__panel .td-panel__subtitle{display:none}.t-user-dashboard__quick-panel .td-quick-action{min-height:0;height:auto;max-height:100%;overflow:hidden;padding:var(--spacing-xs) var(--spacing-sm)}.t-user-dashboard__quick-panel .td-quick-action__icon{width:24px;height:24px;min-width:24px;min-height:24px}.t-user-dashboard__quick-panel .td-quick-action__title{font-size:var(--font-size-sm);line-height:1.2}.t-user-dashboard__quick-panel .td-quick-action__arrow{width:14px;height:14px}.t-user-dashboard .td-learning-panel--grid .td-panel__body{overflow:visible;justify-content:flex-start}.t-user-dashboard .td-learning-panel--grid .td-learning-panel__chart-row{gap:var(--app-grid-gap)}.t-user-dashboard .td-learning-panel--grid .td-learning-panel__chart-wrap{--td-learning-legend-reserve: 7rem;--chart-size: clamp(3.5rem, min(70cqb, calc(100cqi - 7rem - var(--spacing-md))), 5.5rem)}.t-user-dashboard .td-learning-panel--grid .td-learning-panel__center-pct{font-size:var(--font-size-sm)}.t-user-dashboard .td-learning-panel--grid .td-learning-panel__legend{gap:var(--app-stack-gap-compact)}.t-user-dashboard .td-learning-panel--grid .td-learning-panel__legend-item{gap:var(--spacing-xs);font-size:var(--font-size-sm);line-height:1.1}.t-user-dashboard .td-learning-panel--grid .td-learning-panel__dot{width:6px;height:6px}.t-user-dashboard .td-learning-panel__footer--motivate{margin-top:auto;font-size:var(--font-size-sm);line-height:1.15}}.t-ud{height:100%;min-height:0;display:flex;flex-direction:column}.t-ud-table-wrap{flex:1;min-height:0;overflow:auto}.t-ud-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.t-ud-table th{text-align:left;font-weight:600;color:var(--td-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--td-border)}.t-ud-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-bg-page);vertical-align:top}.t-ud-name{font-weight:600;color:var(--td-text-primary);line-height:1.3}.t-ud-status{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:999px;border:none;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.t-ud-status--overdue{background:var(--color-error-bg);color:var(--color-error-hover)}.t-ud-status--pending{background:var(--color-accent-violet-bg);color:var(--color-accent-violet)}.t-ud-status--in_progress{background:var(--color-warning-bg);color:var(--color-warning-hover)}.t-ud-status--completed{background:var(--color-success-bg);color:var(--color-success-hover)}.t-ud-status-chevron{font-size:var(--font-size-sm)}.t-ud-due{white-space:nowrap}.t-ud-due-sub{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.t-ud-due-sub--danger{color:var(--color-error-hover);font-weight:600}.t-ud-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.t-ud-empty__title{margin:var(--spacing-lg) 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:600;color:var(--td-text-primary)}.t-ud-empty__sub{margin:0;font-size:var(--font-size-sm);color:var(--td-text-secondary)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;width:100%;box-sizing:border-box}.course-grid-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-height:280px;text-align:center;background:#f8faff;border:1.5px dashed #c5d5ea;border-radius:16px;padding:2.5rem}.course-grid-empty__icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:#f1f5fb;border-radius:14px;color:#94a3b8}.course-grid-empty h3{margin:0;font-size:1.1rem;font-weight:700;color:#334155}.course-grid-empty p{margin:0;font-size:.87rem;color:#94a3b8}.course-card{display:flex;flex-direction:column;background:#fff;border-radius:14px;border:1px solid #e8eef8;overflow:hidden;box-shadow:0 2px 12px #1e3a5f12;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease;position:relative}.course-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #4f7be82e;border-color:#b8d0f0}.course-card__img-wrap{position:relative;width:100%;height:150px;overflow:hidden;background:#dce8f7;flex-shrink:0}.course-card__img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease;display:block}.course-card:hover .course-card__img{transform:scale(1.06)}.course-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 45%,rgba(15,23,42,.55) 100%);pointer-events:none}.course-card__status{display:inline-flex;align-items:center;width:fit-content;padding:.26rem .62rem;border-radius:999px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.course-card__status--assigned{background:#dbeafeeb;color:#1e40af;border:1px solid rgba(147,197,253,.7)}.course-card__status--in-progress{background:#ede9feeb;color:#5b21b6;border:1px solid rgba(167,139,250,.7)}.course-card__status--completed{background:#d1fae5eb;color:#065f46;border:1px solid rgba(110,231,183,.7)}.course-card__status--overdue{background:#fee2e2eb;color:#991b1b;border:1px solid rgba(252,165,165,.7)}.course-card__duration{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:.3rem;background:#0f172aa6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;padding:.25rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;z-index:2}.course-card__body{padding:1rem 1.1rem .75rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.course-card__title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.course-card__title{margin:0;font-size:1rem;font-weight:700;color:#1e293b;line-height:1.35;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.course-card__title-row .course-card__status{margin-bottom:0;margin-top:.05rem;flex-shrink:0;white-space:nowrap}.course-card__desc{margin:0;font-size:.8rem;color:#64748b;line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__progress-row{display:flex;align-items:center;gap:.6rem;margin-top:auto}.course-card__progress-pct{font-size:.72rem;font-weight:700;color:#475569;white-space:nowrap;min-width:2.4rem}.course-card__progress-track{flex:1;height:5px;background:#e8eef8;border-radius:999px;overflow:hidden}.course-card__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#38c6a1,#4f7be8);transition:width .6s cubic-bezier(.4,0,.2,1)}.course-card__footer{padding:0 1.1rem 1rem}.course-card__btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;border:none;border-radius:9px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:opacity .16s ease,transform .14s ease,box-shadow .18s ease;font-family:inherit;background:linear-gradient(135deg,#4f7be8,#6753d6);color:#fff;box-shadow:0 3px 10px #4f7be84d}.course-card__btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 18px #4f7be866}.course-card__btn:active{transform:translateY(0)}.course-card__btn--completed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b98147}.course-card__btn--overdue{background:linear-gradient(135deg,var(--color-primary, #397eee) 0%,var(--color-primary-active, #2563eb) 100%);box-shadow:0 3px 10px #397eee47}.course-card__btn--in-progress{background:linear-gradient(135deg,#8b5cf6,#6753d6);box-shadow:0 3px 10px #8b5cf647}@media (max-width: 900px){.course-grid{grid-template-columns:1fr}}.mc-page{width:100%;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0;padding-bottom:2.5rem;contain:style}.mc-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:2rem 0 1.5rem;border-bottom:1px solid #e8edf5;margin-bottom:1.4rem;flex-wrap:wrap}.mc-hero__text{display:flex;flex-direction:column;gap:.3rem}.mc-hero__title{margin:0;font-size:2.1rem;font-weight:800;letter-spacing:-.6px;line-height:1.1;background:linear-gradient(135deg,#1e3a5f,#3b5ea6 60%,#6753d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mc-hero__subtitle{margin:0;font-size:.9rem;color:#6b7ea8;line-height:1.5;font-weight:400}.mc-hero__badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;background:#4f7be81f;border:1px solid rgba(79,123,232,.25);border-radius:999px;box-shadow:none;padding:.35rem .8rem;flex-shrink:0;font-weight:700;color:#3b5ea6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.mc-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;flex-wrap:wrap}.mc-tabs{display:flex;align-items:center;gap:.25rem;background:#f0f4fb;border-radius:10px;padding:4px;overflow-x:auto;scrollbar-width:none;flex-shrink:1;border:1px solid #e2e8f4}.mc-tabs::-webkit-scrollbar{display:none}.mc-tab{display:inline-flex;align-items:center;padding:.48rem 1.05rem;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:.83rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease;outline:none;position:relative;font-family:inherit}.mc-tab:hover:not(.mc-tab--active){background:#4f7be817;color:#3b5ea6}.mc-tab--active{background:#fff;color:#3b5ea6;font-weight:700;box-shadow:0 1px 6px #4f7be829,0 0 0 1px #4f7be81a}.mc-search{display:flex;align-items:center;background:#fff;border:1.5px solid #dde5f0;border-radius:10px;padding:0 .85rem;min-width:230px;max-width:300px;width:100%;height:40px;gap:.5rem;transition:border-color .18s ease,box-shadow .18s ease;box-shadow:0 1px 3px #0000000d}.mc-search:focus-within{border-color:#4f7be8;box-shadow:0 0 0 3px #4f7be81f}.mc-search__icon{display:flex;align-items:center;color:#94a3b8;flex-shrink:0}.mc-search__input{border:none;outline:none;background:transparent;font-size:.86rem;color:#1e293b;width:100%;font-family:inherit;padding:0}.mc-search__input::placeholder{color:#aab4c8}.mc-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:260px;color:#94a3b8;font-size:.92rem}.mc-state--error{color:#ef4444}.mc-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:#4f7be8;border-radius:50%;animation:mc-spin .75s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}.mc-grid-wrap{width:100%;flex:1}@media (max-width: 900px){.mc-controls{flex-direction:column;align-items:stretch}.mc-search{max-width:100%}.mc-hero__title{font-size:1.65rem}}.mydocs-page{width:100%;min-height:100%;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:2.5rem}.mydocs-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:2rem 0 1.5rem;border-bottom:1px solid #e8edf5;margin-bottom:1.4rem;flex-wrap:wrap}.mydocs-hero__text{display:flex;flex-direction:column;gap:.3rem}.mydocs-hero__title{margin:0;font-size:2.1rem;font-weight:800;letter-spacing:-.6px;line-height:1.1;background:linear-gradient(135deg,#1e3a5f,#3b5ea6 60%,#6753d6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mydocs-hero__subtitle{margin:0;font-size:.9rem;color:#6b7ea8;line-height:1.5}.mydocs-hero__badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;background:#4f7be81f;border:1px solid rgba(79,123,232,.25);border-radius:999px;padding:.35rem .8rem;font-weight:700;font-size:12px!important;color:#3b5ea6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.mydocs-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.mydocs-tabs{display:flex;align-items:center;gap:.25rem;background:#f0f4fb;border-radius:10px;padding:4px;overflow-x:auto;scrollbar-width:none;flex-shrink:1;border:1px solid #e2e8f4}.mydocs-tabs::-webkit-scrollbar{display:none}.mydocs-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem 1.05rem;border:none;border-radius:7px;background:transparent;color:#64748b;font-size:.83rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .18s ease,color .18s ease}.mydocs-tab--active{background:#fff;color:#1e3a5f;box-shadow:0 1px 4px #1e3a5f1f}.mydocs-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:999px;background:#3b5ea61f;color:#3b5ea6;font-size:.7rem;font-weight:700}.mydocs-tab--active .mydocs-tab__badge{background:#3b5ea62e}.mydocs-search{position:relative;flex-shrink:0}.mydocs-search__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.mydocs-search__input{padding:.55rem .85rem .55rem 2.25rem;border:1px solid #e2e8f4;border-radius:8px;font-size:.875rem;min-width:220px;background:#fff}.mydocs-container{padding:0;max-width:100%;margin:0;background:transparent;min-height:0}.mydocs-content{margin-top:var(--spacing-md)}.mydocs-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);align-items:center}.mydocs-filter-select{padding:var(--btn-padding-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--color-bg-surface);color:var(--color-text-body);min-height:40px;min-width:160px}.mydocs-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px var(--spacing-4xl);text-align:center}.mydocs-state--error .mydocs-error-message{color:var(--color-error-hover);margin-bottom:var(--spacing-2xl)}.mydocs-loading-spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:mydocs-spin 1s linear infinite;margin-bottom:var(--spacing-2xl)}@keyframes mydocs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mydocs-error-container{text-align:center;padding:var(--spacing-6xl) var(--spacing-4xl)}.mydocs-error-message{color:var(--color-error-hover);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.mydocs-retry-button{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--btn-padding-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal)}.mydocs-retry-button:hover{background:var(--color-primary-hover)}.mydocs-empty-state{text-align:center;padding:64px var(--spacing-4xl);color:var(--color-text-secondary)}.mydocs-empty-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-2xl);opacity:.5}#root .mydocs-empty-state h3{font-size:var(--font-size-md)!important;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);color:var(--color-text-body)}.mydocs-empty-state p{font-size:var(--font-size-sm);line-height:1.5}.mydocs-results-count{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mydocs-table-wrapper{overflow-x:auto;background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.mydocs-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.mydocs-table thead{background:var(--color-bg-page)}.mydocs-table th{padding:var(--spacing-lg) var(--spacing-xl);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.mydocs-table td{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-bg-page);color:var(--color-text-body);vertical-align:middle}.mydocs-table-row{transition:background-color var(--transition-normal)}.mydocs-table-row:hover{background:var(--color-bg-page)}.mydocs-table-row:last-child td{border-bottom:none}.mydocs-doc-title{font-weight:var(--font-weight-semibold);color:var(--color-text-dark);margin-bottom:var(--spacing-xs)}.mydocs-doc-id{font-size:var(--font-size-xs);color:var(--color-text-muted)}.mydocs-role-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#3b5ea6;background:#3b5ea61a;white-space:nowrap}.mydocs-status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.mydocs-details-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid rgba(59,94,166,.25);border-radius:var(--radius-md);background:#3b5ea614;color:#3b5ea6;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.mydocs-details-btn:hover{background:#3b5ea624;border-color:#3b5ea666}.mydocs-details-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mydocs-details-btn__label{line-height:1}.mydocs-pagination{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding:var(--spacing-md) 0}.mydocs-pagination-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mydocs-pagination-controls{display:flex;gap:var(--spacing-sm);align-items:center}.mydocs-page-button{padding:var(--btn-padding-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--color-text-body);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal)}.mydocs-page-button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.mydocs-page-button:disabled{opacity:.5;cursor:not-allowed}.mydocs-page-size-select{padding:var(--btn-padding-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-surface);color:var(--color-text-body)}.mydocs-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-2xl)}.mydocs-modal-content{background:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:640px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.mydocs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2xl) var(--spacing-3xl);border-bottom:1px solid var(--color-border)}.mydocs-modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-dark)}.mydocs-modal-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);line-height:1}.mydocs-modal-close:hover{color:var(--color-text-body)}.mydocs-modal-body{padding:var(--spacing-3xl);overflow-y:auto}.mydocs-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-bg-page)}.mydocs-detail-row:last-child{border-bottom:none}.mydocs-detail-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);flex-shrink:0}.mydocs-detail-value{font-size:var(--font-size-sm);color:var(--color-text-body);text-align:right;word-break:break-word}.mydocs-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-3xl);border-top:1px solid var(--color-border)}.mydocs-view-pdf-button{background:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--btn-padding-lg);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal)}.mydocs-view-pdf-button:hover:not(:disabled){background:var(--color-primary-hover)}.mydocs-view-pdf-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.mydocs-controls{flex-direction:column;align-items:stretch}.mydocs-search__input{width:100%;min-width:0}.mydocs-filters{flex-direction:column;align-items:stretch}.mydocs-filter-select{width:100%}.mydocs-table th,.mydocs-table td{padding:var(--spacing-md)}.mydocs-detail-row{flex-direction:column;gap:var(--spacing-xs)}.mydocs-detail-value{text-align:left}.mydocs-pagination{flex-direction:column;align-items:flex-start}}.login-page{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-page-alt)}.login-container{height:auto;min-height:50%;width:min(92vw,420px);max-width:100%;background-color:var(--color-bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-focus);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;text-align:center}.login-header{margin-top:10%}.login-form{height:100%;width:50%;display:flex;flex-direction:column;justify-content:center;text-align:left;gap:var(--form-field-gap)}.login-input{height:var(--height-input);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);padding-left:2%}.login-button{width:fit-content;padding:2% 6%;margin-left:auto;margin-right:auto}.auth-required-container{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-bg-page-alt);text-align:center}.auth-title{font-size:var(--font-size-5xl);color:var(--color-text-dark);margin-bottom:var(--spacing-2xl);font-weight:var(--font-weight-semibold)}.auth-required-container p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-4xl);max-width:500px;line-height:var(--line-height-relaxed)}.primary-button{background-color:var(--color-primary);color:var(--color-text-inverse);border:none;padding:var(--spacing-xl) var(--spacing-4xl);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-normal)}.primary-button:hover{background-color:var(--color-primary-hover)}.primary-button.pbtm{margin-top:var(--spacing-2xl)}.loading-spinner{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-bg-page-alt)}.loading-spinner div{font-size:var(--font-size-md);color:var(--color-text-secondary);margin-top:var(--spacing-2xl)}.route-skeleton{width:100%;min-height:clamp(420px,55vh,720px);padding:var(--app-content-padding, clamp(20px, 2vw, 40px));box-sizing:border-box;display:flex;flex-direction:column;gap:var(--app-grid-gap, 24px)}.route-skeleton__header{display:flex;flex-direction:column;gap:12px}.route-skeleton__title,.route-skeleton__subtitle,.route-skeleton__card,.route-skeleton__row{border-radius:4px;background:linear-gradient(90deg,var(--color-bg-muted, #e9ecef) 0%,var(--color-bg-hover, #f1f5f9) 50%,var(--color-bg-muted, #e9ecef) 100%);background-size:200% 100%;animation:route-skeleton-shimmer 1.2s ease-in-out infinite}.route-skeleton__title{width:min(280px,60%);height:32px}.route-skeleton__subtitle{width:min(420px,80%);height:18px}.route-skeleton__card{width:100%;max-width:360px;height:96px}.route-skeleton__rows{display:flex;flex-direction:column;gap:12px;flex:1}.route-skeleton__row{width:100%;height:48px}@keyframes route-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.route-skeleton__title,.route-skeleton__subtitle,.route-skeleton__card,.route-skeleton__row{animation:none}}html,body,#root{font-size:var(--font-size-sm)!important;line-height:var(--line-height-normal);letter-spacing:normal}#root{--font-size-base: 12px;--font-size-md: 14px;--font-size-lg: 12px}#root h1{font-size:var(--font-size-xl)!important;line-height:var(--line-height-tight)!important}#root h2,#root h3,#root h4,#root h5,#root h6{font-size:var(--font-size-md)!important;line-height:var(--line-height-tight)!important}#root h1 *,#root h2 *,#root h3 *,#root h4 *,#root h5 *,#root h6 *{font-size:inherit!important}#root p{font-size:var(--font-size-sm)!important;line-height:var(--line-height-normal)!important}#root span{font-size:var(--font-size-sm)!important}#root td,#root th,#root li,#root label,#root a,#root button,#root .primary-button,#root .input-element,#root input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#root select,#root textarea,#root .td-loading,#root .td-error,#root .td-page,#root [class*=-loading]:not(.doclib-loading-dots):not([class*=loading-spinner]),#root .loading-message,#root div.loading,#root .profile-loading,#root .t-recent-activity__loading,#root .new-nav-label,#root .document-queue-tab-button,#root .audit-action-btn,#root .compliance-btn{font-size:var(--font-size-sm)!important}#root th{line-height:var(--line-height-tight)!important;letter-spacing:.05em!important}#root button span,#root .primary-button span{font-size:inherit!important}#root .hamburger-menu span,#root .doc-view-hamburger-menu span,#root .doclib-loading-dots span{font-size:unset!important}#root .mc-hero__badge,#root .mc-hero__badge span{font-size:12px!important}@container app-main (min-width: 769px){#root{font-size:calc(12px * var(--app-ui-scale))!important}#root h1{font-size:calc(18px * var(--app-ui-scale))!important}#root h2,#root h3,#root h4,#root h5,#root h6{font-size:calc(14px * var(--app-ui-scale))!important}#root p,#root span{font-size:calc(12px * var(--app-ui-scale))!important}#root td,#root th,#root li,#root label,#root a,#root button,#root .primary-button,#root .input-element,#root input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#root select,#root textarea,#root .td-loading,#root .td-error,#root .td-page,#root [class*=-loading]:not(.doclib-loading-dots):not([class*=loading-spinner]),#root .loading-message,#root div.loading,#root .profile-loading,#root .t-recent-activity__loading{font-size:calc(12px * var(--app-ui-scale))!important}#root button span,#root .primary-button span{font-size:inherit!important}#root .hamburger-menu span,#root .doc-view-hamburger-menu span,#root .doclib-loading-dots span{font-size:unset!important}}@supports not (width: 100cqw){@media (min-width: 769px){#root{font-size:calc(12px * var(--app-ui-scale))!important}#root h1{font-size:calc(18px * var(--app-ui-scale))!important}#root h2,#root h3,#root h4,#root h5,#root h6{font-size:calc(14px * var(--app-ui-scale))!important}#root p,#root span{font-size:calc(12px * var(--app-ui-scale))!important}#root td,#root th,#root li,#root label,#root a,#root button,#root .primary-button,#root .input-element,#root input:not([type=checkbox]):not([type=radio]):not([type=hidden]),#root select,#root textarea,#root .td-loading,#root .td-error,#root .td-page,#root [class*=-loading]:not(.doclib-loading-dots):not([class*=loading-spinner]),#root .loading-message,#root div.loading,#root .profile-loading,#root .t-recent-activity__loading{font-size:calc(12px * var(--app-ui-scale))!important}#root button span,#root .primary-button span{font-size:inherit!important}#root .hamburger-menu span,#root .doc-view-hamburger-menu span,#root .doclib-loading-dots span{font-size:unset!important}}}