@import"https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&family=Open+Sans:wght@400;600;700&display=swap";:root{font-family:Open Sans,Segoe UI,sans-serif;color:#1b2a36;background:#f3f6f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--primary: #004c7e;--accent: #75b843;--accent-strong: #5b9b3c;--surface: #fff;--surface-alt: #f3f6f9;--surface-strong: #eaf1f5;--canvas: #f3f6f9;--text: #1b2a36;--muted: #55636f;--border: #dce3e9;--shadow: rgb(15 42 61 / 7%);--shadow-strong: rgb(15 42 61 / 12%);--action-btn-bg: var(--primary);--action-btn-text: #fff}:root[data-theme=dark]{--primary: #8cc8ff;--accent: #7dcf6a;--surface: #1c2330;--surface-alt: #111827;--surface-strong: #263446;--canvas: #0f1722;--text: #edf3ff;--muted: #adc0d8;--border: #2d3a4d;--shadow: rgb(2 6 23 / 38%);--shadow-strong: rgb(2 6 23 / 55%);--action-btn-bg: var(--accent);--action-btn-text: #0f1722;--colorBrandBackground: var(--accent);--colorBrandBackgroundHover: #8bd978;--colorBrandBackgroundPressed: var(--accent-strong);--colorBrandBackground2: #173623;--colorNeutralForegroundOnBrand: #0f1722;--colorCompoundBrandBackground: var(--accent);--colorCompoundBrandBackgroundHover: #8bd978;--colorCompoundBrandBackgroundPressed: var(--accent-strong)}:root[data-theme=dark] .fui-FluentProvider{--colorBrandBackground: var(--accent);--colorBrandBackgroundHover: #8bd978;--colorBrandBackgroundPressed: var(--accent-strong);--colorBrandBackground2: #173623;--colorNeutralForegroundOnBrand: #0f1722;--colorCompoundBrandBackground: var(--accent);--colorCompoundBrandBackgroundHover: #8bd978;--colorCompoundBrandBackgroundPressed: var(--accent-strong)}:root[data-theme=dark] .portal-sidebar{background:#1a2330}:root[data-theme=dark] .nav-item:hover{background:#ffffff05}:root[data-theme=dark] .nav-item--active{background:#ffffff0a}:root[data-theme=dark] .welcome-panel,:root[data-theme=dark] .signin-brand-panel{background:#004c7e;color:#fff}:root[data-theme=dark] .welcome-panel:after{border-color:#75b84357}:root[data-theme=dark] .board-column{background:#1f2f43e6}:root[data-theme=dark] .board-column--over{background:color-mix(in srgb,var(--accent) 18%,rgba(31,47,67,.9))}:root[data-theme=dark] .board-column__header-actions .fui-Badge{background:#7ec76c2e;border-color:#7ec76c33;color:#cff7c6}:root[data-theme=dark] .ticket-card{border-color:#ffffff14;box-shadow:0 4px 10px #0000001f}:root[data-theme=dark] .ticket-card--todo{background:#7ec76c14}:root[data-theme=dark] .ticket-card--doing{border-left-color:#4d93da;background:#4d93da14}:root[data-theme=dark] .ticket-card--review{border-left-color:#7ec76c;background:#7ec76c14}:root[data-theme=dark] .ticket-card--done{border-left-color:#75839a;background:#75839a14}:root[data-theme=dark] .ticket-card:hover{border-color:#ffffff24}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--canvas);color:var(--text)}button,input{font:inherit}h1,h2,h3{margin:0;font-family:Barlow Semi Condensed,Segoe UI,sans-serif;line-height:1.18}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}:root[data-theme=light] :focus-visible{outline-color:var(--primary)}.theme-toggle{min-width:88px}.theme-switcher{display:flex;justify-content:flex-end}.theme-switcher--login{position:absolute;top:18px;right:18px;z-index:2}.signin-layout{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr);background:var(--surface)}:root{--signin-panel-bg: #0f5d97;--signin-panel-bg-dark: #0a4f80}:root[data-theme=dark]{--signin-panel-bg: #124a78;--signin-panel-bg-dark: #0b3d63}.signin-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:clamp(32px,6vw,88px);background:linear-gradient(180deg,var(--signin-panel-bg) 0%,var(--signin-panel-bg-dark) 100%);color:#fff;isolation:isolate;overflow:visible}.signin-wordmark,.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:4px;background:var(--primary);color:#fff;font-size:13px;font-weight:700}.brand-mark--light{background:#fff;color:var(--primary)}.brand-logo{display:block;max-width:100%;height:auto;object-fit:contain}.brand-logo-shell--login{position:relative;display:inline-flex;width:min(100%,540px);min-height:122px;margin:0 0 6px;flex-shrink:0;align-items:center;justify-content:flex-start}.brand-logo--login{position:relative;z-index:2;display:block;width:100%;max-width:540px;height:auto;min-height:104px;object-fit:contain;object-position:left center}.brand-logo--header{width:146px}.sidebar-account .sidebar-label{padding-top:0}.signin-rule{width:min(100%,540px);height:4px;background:var(--accent);margin-bottom:8px}.signin-brand-panel h1{width:min(100%,540px);max-width:540px;margin:0;font-size:clamp(42px,2.9vw,54px)}.signin-brand-panel p{width:min(100%,540px);max-width:540px;margin:0;color:#ffffffe0;font-size:20px;line-height:1.5}.signin-form-column{display:grid;place-items:center;padding:40px;background:var(--canvas)}.signin-form-wrap{display:flex;width:min(100%,440px);flex-direction:column;gap:22px}.signin-form-wrap h2{margin-top:8px;font-size:32px}.signin-form-wrap>div>p{margin:8px 0 0;color:var(--muted)}.eyebrow{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.signin-form{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 5px 14px #0f2a3d17}.signin-form>button{min-height:44px}.signin-note{margin:0;color:var(--muted);font-size:12px;text-align:center}.portal-root{display:flex;min-height:100vh;flex-direction:column}.portal-header{position:sticky;z-index:2;top:0;display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px var(--shadow)}.header-account{display:flex;align-items:center;gap:10px;color:var(--muted)}.header-account__name{max-width:24ch;overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.header-account__profile{display:flex;min-width:0;align-items:center;gap:10px;border-radius:6px;text-decoration:none}.header-account__profile:hover .header-account__name{color:var(--primary);text-decoration:underline}.avatar{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--surface-strong);color:var(--primary);font-size:12px;font-weight:700}.portal-shell{display:flex;min-height:0;flex:1}.portal-sidebar{display:flex;width:220px;flex:0 0 220px;flex-direction:column;gap:10px;padding:18px 12px;border-right:1px solid var(--border);background:var(--surface)}.sidebar-label{padding:12px 10px 6px;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.portal-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;min-height:38px;align-items:center;gap:10px;padding:10px 12px;border-left:3px solid transparent;border-radius:8px;color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.nav-item:hover{background:var(--surface-alt)}.nav-item--active{border-left-color:var(--accent);background:var(--surface-strong);color:var(--text);font-weight:700}.nav-item svg,.page-heading svg{width:19px;height:19px;flex:0 0 auto}.nav-item--parent{justify-content:space-between}.nav-item--parent .nav-item__content{display:flex;align-items:center;gap:10px}.nav-item__chevron{display:flex;align-items:center;color:var(--muted);margin-left:auto}.account-nav-group{display:flex;flex-direction:column;gap:2px}.nav-subgroup{display:flex;flex-direction:column;gap:2px;padding-left:18px;margin:2px 0 6px}.nav-subitem{display:flex;min-height:32px;align-items:center;gap:8px;padding:6px 10px;border-left:3px solid transparent;border-radius:6px;color:var(--muted);font-size:12.5px;font-weight:600;text-decoration:none;transition:background .15s ease,color .15s ease}.nav-subitem:hover{background:var(--surface-alt);color:var(--text)}.nav-subitem--active{border-left-color:var(--accent);background:var(--surface-strong);color:var(--text);font-weight:700}.nav-subitem svg{width:16px;height:16px;flex:0 0 auto;color:var(--primary)}.sidebar-account{display:flex;flex-direction:column;margin-top:auto}.sidebar-account .signout-button.signout-button{justify-content:flex-start;min-width:0;min-height:38px;gap:10px;padding:10px 12px;border:0;border-left:3px solid transparent;border-radius:8px;color:var(--muted);font-size:13px;font-weight:600}.sidebar-account .signout-button.signout-button:hover{background:var(--surface-alt)}.sidebar-account .signout-button .fui-Button__icon{width:19px;height:19px;margin:0;font-size:19px}.sidebar-account .signout-button svg{width:19px;height:19px}.portal-main{min-width:0;flex:1;padding:18px 20px 14px;overflow:hidden}.profile-page{display:flex;max-width:820px;flex-direction:column;gap:14px;margin:0 auto;padding-top:12px}.profile-page .page-heading h1{color:var(--text);font-size:27px;letter-spacing:-.6px;text-transform:none}.profile-intro{margin:-8px 0 4px;color:var(--muted);font-size:14px;line-height:1.7}.profile-section-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:13px;color:var(--muted)}.profile-section-hint strong{color:var(--text)}.profile-section-hint__all{color:var(--primary);font-weight:600;text-decoration:none}.profile-section-hint__all:hover{text-decoration:underline}.profile-card{display:flex;flex-direction:column;gap:18px;padding:22px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 4px 16px var(--shadow)}.profile-card__heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-card__heading h2{display:flex;align-items:center;gap:8px;font-size:21px}.profile-card__heading h2 svg{width:22px;height:22px;flex:0 0 auto;color:var(--primary)}.profile-card__heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0}.profile-details>div{min-width:0}.profile-details dt{margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:600}.profile-details dd{margin:0;overflow-wrap:anywhere;color:var(--text);font-size:14px}.role-badge{display:inline-flex;align-items:center;padding:4px 10px;border:1px solid color-mix(in srgb,var(--primary) 25%,transparent);border-radius:999px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:12px;font-weight:700}.role-badge--employee{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--text)}.profile-password-form{display:flex;max-width:520px;flex-direction:column;gap:16px}.profile-password-form>button{min-height:42px;align-self:flex-start}.profile-password-row{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:520px}.profile-password-display{display:flex;flex-direction:column;gap:6px}.profile-password-display__label{color:var(--muted);font-size:13px;font-weight:600;line-height:1.4}.profile-password-display__dots{color:var(--text);font-size:18px;font-weight:700;line-height:1;letter-spacing:3px;-webkit-user-select:none;user-select:none}.profile-password-row>.fui-Button{min-height:36px;white-space:nowrap}@media(max-width:480px){.profile-password-row{flex-direction:column;align-items:flex-start;gap:14px}.profile-password-row>.fui-Button{align-self:flex-start}}.profile-notice{margin:0;color:var(--accent-strong);font-size:13px;font-weight:600}.page-stack{display:flex;width:100%;height:100%;flex-direction:column;gap:16px;margin:0}.page-stack:has(.board){height:calc(100vh - 118px);overflow:hidden}.page-heading{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:14px}.page-heading h1{display:flex;align-items:center;gap:10px;color:#8fc5ff;font-size:18px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.page-heading__actions{display:flex;align-items:center;gap:12px}.board-search{min-width:260px}.page-heading__actions button,.page-heading__actions .fui-Button{background:var(--action-btn-bg);color:var(--action-btn-text);border:0;border-radius:8px;font-weight:700;padding:10px 16px}.page-heading h1:after{position:absolute}.page-heading>span,.section-heading>span{color:var(--muted);font-size:12px}.welcome-panel{position:relative;display:flex;min-height:220px;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;overflow:hidden;padding:28px 34px;border-radius:8px;background:var(--primary);color:#fff}.welcome-panel:after{position:absolute;right:-44px;bottom:-100px;width:300px;height:300px;border:1px solid rgb(117 184 67 / 34%);border-radius:50%;content:""}.welcome-panel>*{position:relative;z-index:1}.welcome-panel__eyebrow{font-size:11px;font-weight:700;text-transform:uppercase}.welcome-panel h2{font-size:34px}.welcome-panel p{max-width:55ch;margin:0 0 4px;color:#ffffffe0}.welcome-panel button{color:var(--primary)}.areas-section{display:flex;flex-direction:column;gap:14px;scroll-margin-top:76px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{font-size:22px}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,238px),1fr));gap:14px}.area-card{display:flex;min-height:192px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 1px 3px #0f2a3d12;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.area-card:hover{transform:translateY(-2px);border-color:#9eb5c5;box-shadow:0 5px 14px #0f2a3d1f}.area-card__icon{display:grid;width:100%;height:72px;place-items:center;border:1px solid var(--border);border-radius:4px;background:var(--surface-alt);color:var(--primary)}.area-card__title{font-size:15px;font-weight:700}.area-card__description{min-height:20px;color:var(--muted);font-size:12px}.area-card .fui-Badge{margin-top:auto}.area-icon{display:inline-block;width:20px;height:20px;flex:0 0 auto}.area-icon--large{width:27px;height:27px}.empty-state{display:flex;min-height:350px;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:36px;border:1px solid var(--border);border-radius:8px;background:var(--surface);text-align:center}.empty-state__icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:var(--surface-strong);color:var(--primary)}.empty-state h2{max-width:35ch;font-size:22px}.empty-state p{max-width:50ch;margin:0;color:var(--muted);font-size:13px}.empty-state a{text-decoration:none}.route-loading{display:grid;min-height:100vh;place-content:center;padding:24px}.portal-main:has(.application-links-page,.benefits-page){background:transparent}.portal-main:has(.profile-page){overflow-y:auto}:is(.application-links-page,.benefits-page){padding-top:12px}:is(.application-links-page,.benefits-page) .page-heading{flex-wrap:wrap}:is(.application-links-page,.benefits-page) h1{font-size:27px;letter-spacing:-.6px;text-transform:none}:is(.application-links-intro,.benefits-intro){margin:0;color:var(--muted);font-size:14px;line-height:1.7}:is(.application-links-grid,.benefits-grid){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:22px;margin-top:20px}:is(.application-link-card,.benefit-card){--tile-accent: var(--primary);--tile-tint: var(--surface-strong);--tile-left-accent: var(--accent);position:relative;display:flex;min-width:0;min-height:280px;flex-direction:column;border:1px solid var(--border);border-left:4px solid var(--tile-left-accent);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 6px 22px var(--shadow);overflow:hidden;overflow-wrap:anywhere}:root:not([data-theme=dark]) :is(.application-link-card,.benefit-card){--tile-left-accent: var(--primary)}:is(.application-link-card--dragging,.benefit-card--dragging){z-index:1;opacity:.8;box-shadow:0 5px 14px var(--shadow-strong)}.application-links-grid{grid-template-columns:repeat(auto-fill,min(100%,180px));gap:16px}.application-link-card{height:auto;min-height:180px;aspect-ratio:1;cursor:pointer}.application-link-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.application-links-grid .application-link-card__content{min-height:0;align-items:center;justify-content:center;gap:6px;padding:8px 12px;text-align:center}.application-links-grid .application-link-card__icon{width:40px;min-width:40px;height:40px;min-height:40px;flex-shrink:0;padding:0;border-radius:10px}.application-link-card__icon svg{width:24px;height:24px}.application-link-card h2{display:-webkit-box;width:100%;height:38px;flex-shrink:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.application-links-grid .application-link-card h2{font-size:16px;line-height:19px;text-align:center}.application-link-detail.application-link-detail{--detail-accent: var(--primary);--detail-tint: var(--surface-strong);width:580px;max-width:calc(100vw - 32px);padding:0;border:1px solid var(--border);border-radius:24px;background:var(--surface);color:var(--text);box-shadow:0 24px 80px var(--shadow-strong);overflow-wrap:anywhere}.application-link-detail.application-link-detail{max-height:calc(100dvh - 32px)}.application-link-detail .application-link-detail__body{position:relative;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.application-link-detail .application-link-detail__heading{display:flex;align-items:center;gap:16px;padding:28px 64px 24px 28px;border-bottom:1px solid var(--border);border-radius:24px 24px 0 0;background:var(--detail-tint)}.application-link-detail .application-link-detail__close{position:absolute;top:18px;right:18px;border-radius:10px}.application-link-detail__icon{display:grid;width:64px;height:64px;flex-shrink:0;place-items:center;border:1px solid color-mix(in srgb,var(--detail-accent) 14%,transparent);border-radius:18px;background:var(--detail-tint);color:var(--detail-accent)}.application-link-detail__icon svg{width:30px;height:30px}.application-link-icon--image.application-link-icon--image{background:#fff}.application-link-icon--email.application-link-icon--email{background:var(--surface)}.benefit-card__icon--image.benefit-card__icon--image{background:#fff}.benefit-card__icon--gift.benefit-card__icon--gift{background:var(--surface);color:var(--primary)}.benefit-card__icon--gift svg{width:36px;height:36px}.benefit-card__icon--image img{display:block;width:44px;height:44px;object-fit:contain}.application-link-icon--image img{display:block;width:calc(100% - 10px);height:calc(100% - 10px);object-fit:contain}.application-link-icon--image img:is([src="/images/timebutler.jpeg"],[src="/images/confluence.jpg"],[src="/images/gitlab.ico"],[src="/images/git.png"]){width:calc(100% - 16px);height:calc(100% - 16px)}.application-link-detail__title{min-width:0;color:var(--text);font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.5px}.application-link-detail .application-link-detail__content{min-height:0;padding:26px 28px;overflow-y:auto}.application-link-detail :is(.application-link-detail__heading,.application-link-detail__actions){flex-shrink:0}.application-link-detail__label{display:block;margin:0 0 10px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.application-link-detail__description{margin:0;color:var(--text);font-size:14px;white-space:pre-wrap;line-height:1.8}:is(.application-link-detail__description-box,.application-link-detail__destination){padding:16px 18px;border:1px solid var(--border);border-radius:14px}.application-link-detail__description-box{background:var(--surface)}.application-link-detail__destination{margin-top:24px;background:var(--surface-alt)}.application-link-detail__url{display:block;color:var(--detail-accent);font-size:13px;text-decoration:none}.application-link-detail__url:hover{text-decoration:underline}.application-link-detail .application-link-detail__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 28px;border-top:1px solid var(--border);border-radius:0 0 24px 24px;background:var(--surface-alt)}.application-link-detail__hint{flex:1;color:var(--muted);font-size:12px}.application-link-detail__actions :is(button,a){min-height:38px;border-radius:10px}:is(.application-link-card--sortable,.benefit-card--sortable){cursor:grab;touch-action:none}:is(.application-link-card--sortable,.benefit-card--sortable):active{cursor:grabbing}:is(.application-link-card--sortable,.benefit-card--sortable):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.application-links-grid .application-link-card__actions{flex:0 0 auto;justify-content:center;padding:2px 12px}:is(.application-link-card,.benefit-card):hover{border-color:var(--muted);border-left-color:var(--tile-left-accent);box-shadow:0 8px 26px var(--shadow-strong)}:is(.application-link-card__content,.benefit-card__content){display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:16px;padding:26px 24px 22px}:is(.application-link-card__icon,.benefit-card__icon){display:grid;min-width:68px;max-width:100%;min-height:58px;place-items:center;padding:8px 12px;border:1px solid color-mix(in srgb,var(--tile-accent) 12%,transparent);border-radius:17px;background:var(--tile-tint);color:var(--tile-accent);font-size:15px;font-weight:700;letter-spacing:.3px}:is(.application-link-card,.benefit-card) h2{margin:0;color:var(--text);font-size:21px;font-weight:600;letter-spacing:-.4px}:is(.application-link-card,.benefit-card) p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}:is(.application-link-card__open,.benefit-card__open){display:flex;align-items:center;gap:6px;margin-top:auto;padding:9px 13px;border:1px solid transparent;border-radius:10px;background:var(--action-btn-bg);color:var(--action-btn-text);box-shadow:0 2px 4px var(--shadow);font-size:12px;font-weight:600;text-decoration:none}.application-links-grid .application-link-card__open{flex:0 0 auto;justify-content:center;margin-top:0;padding:5px 10px;border-radius:8px;line-height:16px}.application-links-grid .application-link-card__open svg{width:16px;height:16px;flex-shrink:0}:is(.application-link-card__open,.benefit-card__open):hover{background:color-mix(in srgb,var(--action-btn-bg) 90%,var(--text))}:is(.application-links-page,.benefits-page) .page-heading>.fui-Button{background:var(--action-btn-bg);color:var(--action-btn-text);border:0}:is(.application-links-page,.benefits-page) .page-heading>.fui-Button:hover{background:color-mix(in srgb,var(--action-btn-bg) 90%,var(--text))}.benefits-grid .benefit-card__open+.benefit-card__open{margin-top:0}:is(.application-link-card__actions,.benefit-card__actions){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px;padding:10px 18px;border-top:1px solid var(--border);background:var(--surface)}:is(.application-link-card__actions,.benefit-card__actions) button{border-color:transparent;border-radius:9px;background:transparent;color:var(--muted)}:is(.application-link-card__actions,.benefit-card__actions) button:hover{background:var(--tile-tint);color:var(--tile-accent)}.application-link-card__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:is(.application-link-form,.benefit-form){display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.benefit-back{display:flex;align-items:center;gap:8px;align-self:flex-start;color:var(--primary);font-size:14px;text-decoration:none}.benefit-detail{width:100%;max-width:900px}.benefit-detail h1{color:var(--text)}.benefit-detail .benefit-detail__summary{font-size:16px}.benefit-detail__body{display:flex;width:100%;flex-direction:column;gap:16px;padding-top:22px;border-top:1px solid var(--border)}.benefit-detail__body p{white-space:pre-wrap}.benefit-detail__body a{color:var(--primary);text-decoration:underline;overflow-wrap:anywhere}.admin-users-page{gap:14px}.admin-users-panel{--admin-field-bg: var(--colorNeutralBackground1, var(--surface));--admin-user-card-bg: color-mix(in srgb, var(--primary) 14%, var(--surface));padding:18px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}:root[data-theme=dark] .admin-users-panel{--admin-user-card-bg: color-mix(in srgb, var(--primary) 22%, var(--surface-alt))}.admin-users-panel h2{margin:0 0 14px;font-size:20px}.admin-users-form{display:grid;gap:12px;--admin-field-bg: var(--colorNeutralBackground1, var(--surface))}.admin-users-form--edit{--admin-field-bg: color-mix(in srgb, var(--primary) 12%, var(--surface-strong))}:root[data-theme=dark] .admin-users-form--edit{--admin-field-bg: color-mix(in srgb, var(--primary) 10%, var(--surface-alt))}.admin-users-form__actions{display:flex;gap:10px}.admin-users-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.admin-users-list__item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--admin-user-card-bg)}.admin-users-list__item p{margin:4px 0 0;color:var(--muted);font-size:13px}.admin-users-list__actions{display:flex;gap:8px}.admin-users-delete-button.fui-Button{border-color:#b3261e;background:#b3261e;color:#fff}.admin-users-delete-button.fui-Button:hover{border-color:#8f1f19;background:#8f1f19}.admin-users-delete-button.fui-Button:disabled{opacity:.6}@media(max-width:760px){.signin-layout{grid-template-columns:1fr}.signin-brand-panel{min-height:235px;padding:30px 28px}.signin-brand-panel h1{max-width:none;font-size:34px}.signin-form-column{padding:30px 20px}.portal-shell{flex-direction:column}.portal-sidebar{width:100%;flex:0 0 auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--border)}.portal-nav{flex-direction:row;flex-wrap:wrap}.sidebar-label,.sidebar-account{display:none}.nav-item{min-height:36px;padding:7px 9px}.portal-main{padding:20px 16px}}@media(max-width:480px){.application-link-detail .application-link-detail__heading{gap:12px;padding:22px 54px 20px 20px}.application-link-detail__title{font-size:20px}.application-link-detail__icon{width:52px;height:52px}.application-link-detail__icon svg{width:24px;height:24px}.application-link-detail .application-link-detail__content{padding:22px 20px}.application-link-detail .application-link-detail__actions{padding:16px 20px}.application-link-detail__hint{flex-basis:100%}.portal-header{padding-inline:14px}.header-account__name{display:none}.portal-main{padding:16px 12px}.page-heading h1{font-size:22px}.welcome-panel{min-height:205px;padding:22px}.welcome-panel h2{font-size:29px}.area-grid{grid-template-columns:1fr}.area-card{min-height:178px}.signin-form{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.board{display:flex;align-items:stretch;gap:14px;height:calc(100% - 8px);min-height:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.board-column{display:flex;width:280px;flex:1 1 0;max-width:280px;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt);min-height:0;transition:border-color .12s ease,background .12s ease}.board-column--over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface-alt))}.board-column__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px}.board-column__header-main{display:flex;align-items:center;gap:6px;min-width:0}.board-column__header h2{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.board-column__drag-handle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:grab;padding:0;flex:0 0 auto}.board-column__drag-handle:hover{background:var(--surface);color:var(--primary)}.board-column__drag-handle:active{cursor:grabbing}.board-column__drag-handle span{font-size:14px;line-height:1;letter-spacing:.08em}.board-column__header-actions{display:flex;align-items:center;gap:6px}.board-column__header-actions .fui-Badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#75b84324;border:1px solid rgb(117 184 67 / 22%);color:var(--accent-strong);font-size:11px;font-weight:700}.board-column__action{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.board-column__action:hover{background:var(--surface);color:var(--primary)}.board-column__action:disabled{opacity:.45;cursor:not-allowed}.board-column__action-tooltip{display:inline-flex}.board-column__cards{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:8px;overflow:hidden}.board-column__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:6px}.board-column__footer .fui-Button{flex:1 1 auto}.board-column__composer{display:flex;flex-direction:column;gap:8px}.board-column__composer input{background:var(--surface)}.board-column__composer .fui-Dropdown{width:100%}.ticket-card{display:flex;flex-direction:column;gap:8px;padding:10px 10px 8px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;background:#75b84314;box-shadow:0 1px 2px #0f2a3d0f;cursor:grab;min-height:76px}.ticket-card--doing{border-left-color:var(--primary);background:#004c7e14}.ticket-card--review{border-left-color:var(--accent-strong);background:#5b9b3c1a}.ticket-card--done{border-left-color:#7d8ba1;background:#7d8ba11a}.ticket-card:hover{border-color:#9eb5c5}.ticket-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ticket-card__title{font-size:12px;font-weight:700;line-height:1.35;word-break:break-word}.ticket-card__actions{display:flex;align-items:center;gap:4px}.ticket-card__action,.ticket-card__delete{display:grid;width:24px;height:24px;flex:0 0 auto;place-items:center;border:0;border-radius:4px;background:transparent;color:var(--muted);cursor:pointer}.ticket-card__action:hover{background:var(--surface-alt);color:var(--primary)}.ticket-card__delete:hover{background:var(--surface-alt);color:#b3261e}.ticket-card--drag-overlay{width:280px;max-width:280px;box-shadow:0 12px 28px var(--shadow-strong);cursor:grabbing}.archive-panel{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.archive-panel__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.archive-panel__header h2{font-size:16px;text-transform:uppercase;letter-spacing:.05em}.archive-panel__header span{color:var(--muted);font-size:12px}.archive-search{max-width:320px}.archive-panel__empty{margin:0;color:var(--muted);font-size:13px}.archive-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.archive-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-alt)}.archive-list__meta{display:flex;min-width:0;flex-direction:column;gap:2px}.archive-list__meta strong{font-size:13px}.archive-list__meta span{color:var(--muted);font-size:12px}:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content){display:flex;flex-direction:column;gap:14px;min-width:min(520px,82vw);--dialog-focus-color: var(--primary)}:root[data-theme=dark] :is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content){--dialog-focus-color: var(--accent)}:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea{border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:none}:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input:focus-within,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown:focus-within,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select:focus-within,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea:focus-within,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input:focus,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown:focus,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select:focus,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea:focus,.ticket-dialog-content .ticket-dialog__textarea:focus,.ticket-dialog-content .ticket-dialog__textarea:focus-visible{border-color:var(--dialog-focus-color)!important;box-shadow:0 0 0 1px var(--dialog-focus-color)!important;outline:none!important}:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input:focus-within:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown:focus-within:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select:focus-within:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea:focus-within:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input:focus-within:before,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown:focus-within:before,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select:focus-within:before,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea:focus-within:before,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea:after,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input:before,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown:before,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select:before,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea:before{display:none!important;content:none!important;border-bottom:none!important;height:0!important;transform:none!important;clip-path:none!important}:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input:focus-within .fui-Input__input,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown:focus-within .fui-Dropdown__button,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea:focus-within,.ticket-dialog-content .ticket-dialog__textarea:focus-visible{outline:none!important}:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input input,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Input__input,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown__selected-options,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Dropdown__button,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select__selected-options,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Select__button,:is(.ticket-dialog-content,.application-link-form,.benefit-form,.password-dialog-content,.admin-users-form,.course-editor-form,.board-column-dialog-content) .fui-Textarea__textarea{background:var(--surface);color:var(--text);border-radius:10px;overflow:visible}.course-editor-form,.board-column-dialog-content{--dialog-focus-color: var(--accent)}.course-editor-form :is(.fui-Input input,.fui-Input__input,.fui-Dropdown__button,.fui-Select__button,.fui-Select__selected-options,.fui-Textarea__textarea),.board-column-dialog-content :is(.fui-Input input,.fui-Input__input,.fui-Dropdown__button,.fui-Select__button,.fui-Select__selected-options,.fui-Textarea__textarea){background:var(--surface-alt)}.admin-users-form :is(.fui-Input,.fui-Select,.fui-Dropdown){background:var(--admin-field-bg)}.admin-users-form :is(.fui-Input input,.fui-Input__input,.fui-Select__selected-options,.fui-Select__button){background:var(--admin-field-bg);box-shadow:none}.admin-users-list__item{background:var(--admin-user-card-bg)}.signin-form{--dialog-focus-color: var(--primary)}:root[data-theme=dark] .signin-form{--dialog-focus-color: var(--accent)}.signin-form .fui-Input:focus-within,.signin-form .fui-Input:focus{border-color:var(--dialog-focus-color)!important;box-shadow:0 0 0 1px var(--dialog-focus-color)!important;outline:none!important}.signin-form .fui-Input:focus-within:after,.signin-form .fui-Input:focus-within:before,.signin-form .fui-Input:after,.signin-form .fui-Input:before{display:none!important;content:none!important;border-bottom:none!important;height:0!important;transform:none!important;clip-path:none!important}.signin-form .fui-Input:focus-within .fui-Input__input,.signin-form .fui-Input input:focus,.signin-form .fui-Input__input:focus{outline:none!important}.ticket-dialog__textarea{width:100%;min-height:200px;resize:vertical;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;line-height:1.5;box-shadow:inset 0 1px #ffffff14}.ticket-dialog__textarea:focus,.ticket-dialog__textarea:focus-visible{outline:none!important;border-color:var(--dialog-focus-color)}@media(max-width:480px){.board-search{min-width:0;width:100%}.board-column{width:240px;flex:0 0 240px}}.elearning-page{display:flex;flex-direction:column;gap:24px}.elearning-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:-4px}.elearning-back-link{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--primary);text-decoration:none;padding:6px 12px;border-radius:8px;transition:background-color .15s ease,color .15s ease}.elearning-back-link:hover{background-color:var(--surface-strong);text-decoration:underline}.elearning-back-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.elearning-intro{font-size:1.05rem;line-height:1.55;color:var(--muted);margin:0;max-width:820px}.elearning-admin-note{margin:-12px 0 0;color:var(--muted);font-size:.92rem}.elearning-card__admin-actions{display:flex;gap:2px;margin-left:auto}.course-editor-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.course-editor-fields{display:grid;gap:16px;margin:16px 0 24px}.course-editor-fields textarea,.course-editor-question textarea{min-height:88px}.course-editor-checkbox{display:flex;align-items:center;gap:8px}.course-editor-section{display:grid;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.course-editor-section__heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.course-editor-section__heading h3,.course-editor-options h4{margin:0;color:var(--text)}.course-editor-file-label{display:inline-flex;align-items:center;gap:6px;color:var(--primary);cursor:pointer;font-weight:600}.course-editor-file-label input{width:1px;height:1px;position:absolute;overflow:hidden;clip:rect(0,0,0,0)}.course-editor-file-label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.course-editor-material{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;align-items:end;gap:12px}.course-editor-material>span{padding-bottom:8px;color:var(--muted);font-size:.88rem}.course-editor-question{display:grid;gap:14px;position:relative;min-width:0;margin:0;padding:18px;border:1px solid var(--border);border-radius:10px}.course-editor-question legend{padding:0 8px;color:var(--text);font-weight:700}.course-editor-question>button[aria-label^=Frage]{justify-self:end;margin-top:-24px}.course-editor-options{display:grid;gap:10px}.course-editor-option{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px}@media(max-width:600px){.course-editor-material{grid-template-columns:minmax(0,1fr) auto}.course-editor-material>span{grid-column:1 / -1;padding:0}}.elearning-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px var(--shadow)}.elearning-search-wrap{flex:1;min-width:240px;max-width:400px}.elearning-search{width:100%}.elearning-categories{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.elearning-filter-btn{appearance:none;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);border-radius:20px;padding:6px 16px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.elearning-filter-btn:hover{background:var(--surface-strong);border-color:var(--primary)}.elearning-filter-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.elearning-filter-btn--active{background:#004c7e;color:#fff;border-color:#004c7e}:root[data-theme=dark] .elearning-filter-btn--active{background:var(--accent);color:#0f1722;border-color:var(--accent)}.elearning-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.elearning-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 3px 10px var(--shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.elearning-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px var(--shadow-strong);border-color:var(--accent)}.elearning-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.elearning-badge{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary);background:var(--surface-strong);padding:4px 10px;border-radius:12px}:root[data-theme=dark] .elearning-badge{color:var(--accent)}.elearning-card__title{margin:0 0 10px;font-family:Barlow Semi Condensed,Segoe UI,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.25;color:var(--text)}.elearning-card__description{margin:0 0 16px;font-size:.92rem;line-height:1.5;color:var(--muted);flex-grow:1}.elearning-card__contents{display:flex;flex-direction:column;gap:8px;background:var(--surface-alt);border-radius:8px;padding:12px 14px;margin-bottom:20px;border-left:3px solid var(--accent)}.elearning-card__content-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text);font-weight:500}.elearning-card__content-item svg{color:var(--primary);flex-shrink:0}:root[data-theme=dark] .elearning-card__content-item svg{color:var(--accent)}.elearning-card__footer{margin-top:auto}.elearning-card__action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 18px;border-radius:8px;background:var(--primary);color:#fff;font-weight:600;font-size:.92rem;text-decoration:none;transition:background-color .15s ease,filter .15s ease}:root[data-theme=dark] .elearning-card__action-btn{background:var(--accent);color:#0f1722}.elearning-card__action-btn:hover{filter:brightness(1.1);text-decoration:none}.course-detail-header{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 32px;box-shadow:0 3px 12px var(--shadow);display:flex;flex-direction:column;gap:12px}.course-detail-header__badges{display:flex;align-items:center;gap:10px}.course-detail-header__title{margin:0;font-family:Barlow Semi Condensed,Segoe UI,sans-serif;font-size:2rem;font-weight:700;color:var(--text)}.course-detail-header__description{margin:0;font-size:1.05rem;line-height:1.55;color:var(--muted)}.elearning-notice-box{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:#004c7e14;border:1px solid rgba(0,76,126,.2);border-radius:10px;color:var(--text);font-size:.92rem;line-height:1.45}:root[data-theme=dark] .elearning-notice-box{background:#7dcf6a1a;border-color:#7dcf6a40}.elearning-notice-box__icon{color:var(--primary);flex-shrink:0;margin-top:2px}:root[data-theme=dark] .elearning-notice-box__icon{color:var(--accent)}.course-detail-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:24px}.course-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px 28px;box-shadow:0 3px 10px var(--shadow);display:flex;flex-direction:column;gap:20px}.course-detail-card__heading{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--border);padding-bottom:14px}.course-detail-card__heading h2{margin:0;font-size:1.25rem;display:flex;align-items:center;gap:8px;color:var(--text)}.course-detail-card__heading h2 svg{color:var(--primary)}:root[data-theme=dark] .course-detail-card__heading h2 svg{color:var(--accent)}.course-detail-card__heading p{margin:0;font-size:.92rem;color:var(--muted);line-height:1.5}.course-materials-list{display:flex;flex-direction:column;gap:12px}.course-material-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;transition:border-color .15s ease}.course-material-item:hover{border-color:var(--primary)}:root[data-theme=dark] .course-material-item:hover{border-color:var(--accent)}.course-material-item__info{display:flex;flex-direction:column;gap:4px;min-width:0}.course-material-item__title{font-weight:600;font-size:.95rem;color:var(--text)}.course-material-item__meta{font-size:.82rem;color:var(--muted)}.course-material-item__download{flex-shrink:0;text-decoration:none}.course-materials-empty{display:flex;flex-direction:column;gap:4px;padding:20px;background:var(--surface-alt);border:1px dashed var(--border);border-radius:10px;text-align:center}.course-materials-empty__text{margin:0;font-weight:700;font-size:1rem;color:var(--text)}.course-materials-empty__hint{font-size:.88rem;color:var(--muted)}.course-practice-info{display:flex;flex-direction:column;gap:20px}.course-practice-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;text-align:center}.metric-box__value{font-weight:700;font-size:1.15rem;color:var(--primary)}:root[data-theme=dark] .metric-box__value{color:var(--accent)}.metric-box__label{font-size:.78rem;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.course-practice-actions{display:flex;justify-content:flex-end}.elearning-start-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:8px;background:var(--primary);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:background-color .15s ease}:root[data-theme=dark] .elearning-start-btn{background:var(--accent);color:#0f1722}.elearning-start-btn:hover{filter:brightness(1.1);text-decoration:none}.practice-container{display:flex;flex-direction:column;gap:20px;max-width:820px;margin:0 auto;width:100%}.practice-header{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 24px;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;gap:12px}.practice-header__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.practice-header__title-group{display:flex;align-items:center;gap:10px}.practice-header__course-name{font-weight:700;font-size:1.05rem;color:var(--text)}.practice-header__step{font-weight:700;font-size:.92rem;color:var(--primary);background:var(--surface-strong);padding:4px 12px;border-radius:14px}:root[data-theme=dark] .practice-header__step{color:var(--accent)}.practice-progress-bar{width:100%}.practice-progress-bar .fui-ProgressBar__bar{background-color:var(--accent)!important}.practice-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px;box-shadow:0 4px 16px var(--shadow);display:flex;flex-direction:column;gap:24px}.practice-card__type-banner{display:flex;align-items:center}.practice-type-tag{display:inline-block;font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary);background:var(--surface-strong);padding:4px 12px;border-radius:6px;border-left:3px solid var(--accent)}:root[data-theme=dark] .practice-type-tag{color:var(--accent)}.practice-card__question{margin:0;font-size:1.3rem;line-height:1.45;color:var(--text);font-weight:600}.practice-options{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.practice-option{position:relative;display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--surface-alt);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.practice-option:hover:not(:has(:disabled)){background:var(--surface-strong);border-color:var(--primary)}:root[data-theme=dark] .practice-option:hover:not(:has(:disabled)){border-color:var(--accent)}.practice-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}.practice-option--selected{border-color:var(--primary);background:#004c7e0d}:root[data-theme=dark] .practice-option--selected{border-color:var(--accent);background:#7dcf6a14}.practice-option--correct{border-color:#2e7d32!important;background:#2e7d3214!important}:root[data-theme=dark] .practice-option--correct{border-color:#81c784!important;background:#81c78426!important}.practice-option--wrong{border-color:#d32f2f!important;background:#d32f2f14!important}:root[data-theme=dark] .practice-option--wrong{border-color:#e57373!important;background:#e5737326!important}.practice-option__input{position:absolute;opacity:0;pointer-events:none}.practice-option__box{width:22px;height:22px;border:2px solid var(--muted);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;color:#fff;background:var(--surface)}.practice-option:has(input[type=radio]) .practice-option__box{border-radius:50%}.practice-option--selected .practice-option__box{border-color:var(--primary);background:var(--primary)}:root[data-theme=dark] .practice-option--selected .practice-option__box{border-color:var(--accent);background:var(--accent);color:#0f1722}.practice-option__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.practice-option__text{font-size:1rem;line-height:1.4;color:var(--text);flex-grow:1}.practice-option__feedback-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-size:.82rem;font-weight:700;flex-shrink:0}.practice-option__feedback-badge--correct{background:#2e7d32;color:#fff}.practice-option__feedback-badge--wrong{background:#d32f2f;color:#fff}.practice-feedback{border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;border:1px solid}.practice-feedback--correct{background:#2e7d3214;border-color:#2e7d32;color:#1b5e20}:root[data-theme=dark] .practice-feedback--correct{background:#2e7d3233;border-color:#81c784;color:#c8e6c9}.practice-feedback--incorrect{background:#d32f2f14;border-color:#d32f2f;color:#b71c1c}:root[data-theme=dark] .practice-feedback--incorrect{background:#d32f2f33;border-color:#e57373;color:#ffcdd2}.practice-feedback__status-line{display:flex;align-items:center;gap:10px}.practice-feedback__headline{font-size:1.15rem;font-weight:700}.practice-feedback__explanation{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--text);font-size:.95rem;line-height:1.5}.practice-feedback__explanation strong{display:block;margin-bottom:4px}.practice-feedback__explanation p{margin:0}.practice-card__actions{display:flex;justify-content:flex-end;gap:12px}.practice-action-btn{min-width:160px}.practice-card--results{gap:28px}.practice-results-header h1{margin:8px 0 4px;font-family:Barlow Semi Condensed,Segoe UI,sans-serif;font-size:2.2rem;font-weight:700;color:var(--text)}.practice-results-course{margin:0;font-size:1rem;color:var(--muted)}.practice-score-box{display:flex;align-items:center;gap:28px;padding:24px;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px}.practice-score-ring{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#004c7e 0%,var(--accent) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #004c7e40}.practice-score-ring__percent{font-size:2rem;font-weight:700;line-height:1}.practice-score-ring__label{font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-top:4px}.practice-score-details h2{margin:0 0 6px;font-size:1.25rem;color:var(--text)}.practice-score-text{margin:0;font-size:1.05rem;line-height:1.45;color:var(--text)}.practice-demo-alert{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.practice-demo-alert svg{color:var(--primary);flex-shrink:0}:root[data-theme=dark] .practice-demo-alert svg{color:var(--accent)}.practice-breakdown{display:flex;flex-direction:column;gap:12px}.practice-breakdown h3{margin:0;font-size:1.1rem;color:var(--text)}.practice-breakdown-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.practice-breakdown-item{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:var(--surface-alt);border:1px solid var(--border);border-radius:10px}.practice-breakdown-item--correct{border-left:4px solid #2e7d32}.practice-breakdown-item--correct .practice-breakdown-item__icon{color:#2e7d32}:root[data-theme=dark] .practice-breakdown-item--correct .practice-breakdown-item__icon{color:#81c784}.practice-breakdown-item--incorrect{border-left:4px solid #d32f2f}.practice-breakdown-item--incorrect .practice-breakdown-item__icon{color:#d32f2f}:root[data-theme=dark] .practice-breakdown-item--incorrect .practice-breakdown-item__icon{color:#e57373}.practice-breakdown-item__content{display:flex;flex-direction:column;gap:4px}.practice-breakdown-item__num{font-size:.8rem;font-weight:700;text-transform:uppercase;color:var(--muted)}.practice-breakdown-item__question{margin:0;font-weight:600;font-size:.95rem;color:var(--text)}.practice-breakdown-item__status{font-size:.82rem;font-weight:600}.practice-breakdown-item--correct .practice-breakdown-item__status{color:#2e7d32}:root[data-theme=dark] .practice-breakdown-item--correct .practice-breakdown-item__status{color:#81c784}.practice-breakdown-item--incorrect .practice-breakdown-item__status{color:#d32f2f}:root[data-theme=dark] .practice-breakdown-item--incorrect .practice-breakdown-item__status{color:#e57373}.practice-results-actions{display:flex;align-items:center;gap:14px;margin-top:8px}@media(max-width:768px){.elearning-hero{padding:24px 20px}.elearning-hero__title{font-size:1.7rem}.elearning-grid,.course-detail-sections{grid-template-columns:1fr}.practice-card{padding:20px}.practice-score-box{flex-direction:column;text-align:center;gap:16px}.practice-demo-alert{justify-content:center}.practice-results-actions{flex-direction:column;width:100%}.practice-results-actions>*{width:100%}.practice-action-btn{width:100%}}