:root{color-scheme:light;--brand: #fbb041;--brand-rgb: 251 176 65;--brand-strong: #9a5b00;--brand-soft: #fff3df;--brand-subtle: #fffaf2;--on-brand: #3f3019;--brand-accent: var(--brand);--brand-grey: #6d6e71;--brand-grey-rgb: 109 110 113;--brand-green: #72c388;--brand-green-rgb: 114 195 136;--bg: #faf9f7;--surface: #ffffff;--surface-soft: #f4f3f1;--text: #303134;--muted: var(--brand-grey);--line: #dedddb;--brand-slate: var(--brand-grey);--primary: var(--brand);--primary-soft: var(--brand-soft);--danger: #d64545;--warning: var(--brand);--success: var(--brand-green);--success-strong: #3f8052;--success-soft: #edf8f0;--shadow: 0 10px 25px -5px rgba(48, 49, 52, .07), 0 8px 10px -6px rgba(48, 49, 52, .02);--radius: 12px;--sidebar: 260px}:root[data-theme=dark]{color-scheme:dark;--bg: #242527;--surface: #303134;--surface-soft: #414245;--text: #f7f5f1;--muted: #b9b9bb;--line: #505154;--brand-strong: #ffd08b;--brand-soft: #58431f;--brand-subtle: #332f28;--on-brand: #303134;--brand-slate: #b9b9bb;--primary: var(--brand);--primary-soft: var(--brand-soft);--success-strong: #9bd7ab;--success-soft: #263e2d;--shadow: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .2)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);background-image:radial-gradient(at 0% 0%,rgb(var(--brand-rgb) / 18%) 0px,transparent 50%),radial-gradient(at 100% 0%,rgb(var(--brand-rgb) / 10%) 0px,transparent 50%),radial-gradient(at 100% 100%,rgb(var(--brand-green-rgb) / 10%) 0px,transparent 50%),radial-gradient(at 0% 100%,rgb(var(--brand-grey-rgb) / 7%) 0px,transparent 50%);background-attachment:fixed;color:var(--text)}:root[data-theme=dark] html{background-image:radial-gradient(at 0% 0%,hsla(38,50%,15%,.5) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(210,50%,15%,.5) 0px,transparent 50%),radial-gradient(at 100% 100%,hsla(230,40%,15%,.5) 0px,transparent 50%),radial-gradient(at 0% 100%,hsla(35,40%,15%,.5) 0px,transparent 50%)}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:.7rem .8rem}input[type=radio],input[type=checkbox]{width:1.15rem;height:1.15rem;margin:0;cursor:pointer;accent-color:var(--brand);flex-shrink:0}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 35%,transparent);outline-offset:2px}a{color:var(--brand);text-decoration:none}h1,h2,h3,p{margin-top:0}table{border-collapse:collapse;width:100%}th,td{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}.sr-only{position:absolute;width:1px!important;height:1px!important;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.eyebrow{color:var(--brand);font-size:.78rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.app-shell{min-height:100vh}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-logo-img{width:34px;height:34px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.brand.large .brand-logo-img{width:auto;height:68px;max-width:240px;margin-bottom:.5rem}.brand span{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--brand);color:#171d26;font-weight:850}.brand.large span{width:44px;height:44px}.topbar{height:68px;display:flex;align-items:center;gap:.75rem;padding:0 clamp(1rem,3vw,3rem);background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:140;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.shell-brand{color:var(--text);flex:0 0 auto;margin-right:clamp(.5rem,2vw,2rem)}.shell-brand strong{white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}.topbar-icon-button{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;transition:all .16s ease;position:relative}.topbar-icon-button:hover{background:var(--surface-soft);transform:translateY(-1px);border-color:var(--brand);color:var(--brand)}.notification-menu-wrap{position:relative;flex:0 0 auto}.notification-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:.68rem;font-weight:800;display:grid;place-items:center;border:2px solid var(--surface)}.notification-popover{position:absolute;top:calc(100% + 14px);right:-12px;width:min(360px,calc(100vw - 24px));color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px #0f172a33;z-index:50;overflow:hidden;animation:account-menu-in .16s ease-out}.notification-arrow{position:absolute;top:-8px;right:24px;width:16px;height:16px;transform:rotate(45deg);background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line)}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line);font-size:.95rem}.notification-count-tag{font-size:.75rem;background:var(--brand-soft);color:var(--brand-strong);font-weight:700;padding:.15rem .5rem;border-radius:999px}.notification-list{display:flex;flex-direction:column;max-height:380px;overflow-y:auto}.notification-item{display:flex;gap:.75rem;padding:.85rem 1.25rem;border:0;background:transparent;text-align:left;cursor:pointer;border-bottom:1px solid var(--line);transition:background .15s ease;width:100%;color:var(--text)}.notification-item:hover{background:var(--surface-soft)}.notification-item.unread{background:color-mix(in srgb,var(--brand-soft) 30%,transparent)}.notification-item-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-size:1.1rem;flex-shrink:0;background:var(--surface-soft)}.notification-item-icon.deadline{background:#fef2f2;color:#ef4444}.notification-item-icon.certificate{background:var(--success-soft);color:var(--success-strong)}.notification-item-content{flex:1;min-width:0}.notification-item-title{display:block;font-size:.84rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-item-msg{font-size:.78rem;color:var(--muted);margin:.15rem 0 .25rem;line-height:1.35}.notification-item-time{font-size:.7rem;color:var(--muted)}.notification-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--muted);font-size:.85rem}.notification-empty-icon{font-size:2rem;display:block;margin-bottom:.5rem;opacity:.6}.app-switcher{display:inline-flex;align-items:center;gap:.5rem;padding:.48rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--text);font-size:.82rem;font-weight:700;white-space:nowrap}.app-switcher[aria-current=page]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.grid-mark{display:grid;grid-template-columns:repeat(3,3px);gap:2px}.grid-mark i{width:3px;height:3px;border-radius:1px;background:currentColor}.account-menu-wrap{position:relative;flex:0 0 auto}.avatar{display:grid;place-items:center;border:0;width:40px;height:40px;border-radius:50%;background:var(--brand);color:var(--on-brand);font-weight:800;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.avatar:hover,.avatar[aria-expanded=true]{transform:translateY(-1px);box-shadow:0 7px 16px color-mix(in srgb,var(--brand) 32%,transparent)}.account-menu{position:absolute;top:calc(100% + 14px);right:-7px;width:min(370px,calc(100vw - 24px));color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #0f172a33;z-index:50;overflow:visible;animation:account-menu-in .16s ease-out}.account-menu-arrow{position:absolute;top:-8px;right:20px;width:16px;height:16px;transform:rotate(45deg);background:var(--surface);border-left:1px solid var(--line);border-top:1px solid var(--line)}.account-summary{position:relative;display:flex;flex-direction:column;align-items:center;padding:30px 24px 19px}.account-avatar{display:grid;place-items:center;width:82px;height:82px;margin-bottom:15px;border-radius:50%;color:var(--on-brand);background:linear-gradient(145deg,var(--brand),color-mix(in srgb,var(--brand) 78%,var(--brand-strong)));font-size:1.65rem;font-weight:750;letter-spacing:-.03em}.account-summary strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:1.25rem;line-height:1.35}.account-summary>span:last-child{max-width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:.95rem}.account-row{display:flex;align-items:center;gap:13px;min-height:52px;padding:10px 22px;color:var(--text);font-size:.96rem}button.account-row{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.account-row>svg,.account-menu footer svg{width:23px;height:23px;flex:0 0 auto;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-row>span:not(.language-flag){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-company{min-height:54px;margin:0 20px 8px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;font-weight:650}.account-company>span{flex:1}.account-row .row-chevron{width:20px;height:20px;margin-left:auto;stroke-width:2.5}.account-links{padding:2px 0 12px}.account-links .account-row{cursor:default}.account-links button.account-row{cursor:pointer}.account-links .account-row:hover{background:var(--surface-soft)}.language-flag{display:grid;place-items:center;width:25px;height:19px;flex:0 0 auto;border-radius:2px;color:#ffeb3b;background:#da251d;font-size:.7rem;line-height:1}.account-menu footer{border-top:1px solid var(--line)}.account-menu footer button{display:flex;align-items:center;justify-content:center;gap:13px;width:100%;min-height:62px;padding:12px 20px;border:0;border-radius:0 0 18px 18px;color:var(--text);background:transparent;font-size:1rem;cursor:pointer}.account-menu footer button:hover{background:var(--surface-soft)}@keyframes account-menu-in{0%{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.password-modal-backdrop{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:1rem;background:#0f172a75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.password-modal{width:min(460px,100%);max-height:calc(100dvh - 2rem);overflow-y:auto;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 70px #0f172a40}.password-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem 1rem;border-bottom:1px solid var(--line)}.password-modal>header p{margin-bottom:.25rem;color:var(--brand-strong);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.password-modal>header h2{margin:0;font-size:1.3rem}.password-modal-close{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:0;border-radius:9px;color:var(--muted);background:var(--surface-soft);font-size:1.3rem;cursor:pointer}.password-modal-close:hover{color:var(--text)}.password-modal-close:disabled{opacity:.5;cursor:not-allowed}.password-modal-body{display:grid;gap:1rem;padding:1.2rem 1.4rem}.password-modal-body label{display:grid;gap:.4rem;font-size:.84rem;font-weight:700}.password-modal-body input[aria-invalid=true]{border-color:var(--danger)}.password-hint{margin:0;color:var(--muted);font-size:.82rem;line-height:1.5}.password-modal-body .field-error,.password-modal-body .form-error{margin:0;font-weight:500}.password-modal>footer{display:flex;justify-content:flex-end;gap:.65rem;padding:1rem 1.4rem 1.25rem;border-top:1px solid var(--line)}.module-nav{min-height:54px;display:flex;align-items:center;gap:.35rem;padding:0 clamp(1rem,3vw,3rem);background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:68px;z-index:15;overflow-x:auto;scrollbar-width:none}.module-nav::-webkit-scrollbar{display:none}.module-nav>a{color:var(--muted);padding:.55rem .85rem;border-radius:8px;white-space:nowrap;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s ease}.module-nav>a:hover{color:var(--text);background:var(--surface-soft)}.module-nav>a:not(.module-nav-title).router-link-exact-active,.module-nav>a:not(.module-nav-title).active{color:var(--brand-strong);background:var(--brand-soft);font-weight:700}.module-nav-title,.module-nav>a.module-nav-title,.module-nav>a.module-nav-title.router-link-exact-active,.module-nav>a.module-nav-title.active{display:inline-flex;align-items:center;gap:.6rem;margin-right:.9rem;padding:.3rem .6rem .3rem 0!important;color:var(--text)!important;font-weight:750!important;background:transparent!important;text-decoration:none;border-radius:10px;flex-shrink:0}.module-nav-title:hover{background:var(--surface-soft)!important;padding-left:.35rem!important}.module-nav-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;flex-shrink:0;box-shadow:0 3px 8px #00000014}.module-nav-title svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.module-nav-title strong{font-size:.95rem;font-weight:750;color:var(--text);letter-spacing:-.01em}.content{padding:2rem clamp(1rem,3vw,3rem) 4rem;max-width:1500px;margin:0 auto}.content.launcher-content{max-width:none;padding:0}.content.project-workspace-content{width:100%;max-width:none;margin:0;padding:0}.page-heading{margin-bottom:1.5rem}.page-heading p{color:var(--muted);font-size:.85rem;margin-bottom:.25rem}.page-heading h1{font-size:clamp(1.6rem,3vw,2.3rem);margin:0;letter-spacing:-.035em}.launcher-mode .topbar{background:#ffffffe6;border-color:#e8edf3;color:var(--text);box-shadow:0 1px #0f172a05}.launcher-mode .shell-brand,.launcher-mode .app-switcher{color:var(--text)}.launcher-mode .app-switcher{border-color:#f3d397;background:var(--brand-soft);color:var(--brand-strong)}.launcher-mode .app-switcher:hover{background:var(--brand-soft);border-color:var(--brand)}.launcher-mode .topbar select{color:var(--text);background:#f8fafc;border-color:#dfe5ec}.launcher-mode .topbar select:hover{border-color:#cbd5e1;background:#fff}.launcher-mode .topbar select option{color:var(--text);background:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(350px,520px) 1fr}.login-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,8vw,6rem);background:var(--surface)}.login-card .brand{margin-bottom:1.5rem}.login-card form{display:grid;gap:1rem;margin-top:1.5rem}.login-card label,.form-grid label{display:grid;gap:.45rem;font-size:.88rem;font-weight:650}.login-page>aside{background-color:var(--brand-subtle);background-image:url(/assets/backgroupd-n7uD3jGw.png);background-size:cover;background-position:left center;background-repeat:no-repeat}@media(max-width:1000px){.scope-switchers{margin-left:auto}.global-search,.theme-select{display:none}}@media(max-width:760px){.topbar{padding:0 .75rem}.shell-brand strong,.scope-switchers label:first-child{display:none}.scope-switchers select{max-width:130px}.app-switcher{font-size:0;gap:0;padding:.65rem}.account-menu{position:fixed;top:76px;right:12px}.account-menu-arrow{right:18px}.module-nav{padding:0 .75rem}.module-nav-title strong{display:none}.login-page{grid-template-columns:1fr}.login-page>aside{display:none}}@media(prefers-reduced-motion:reduce){.account-menu{animation:none}.avatar{transition:none}}@media(max-width:760px){.content{padding:1rem .75rem 2rem}.module-nav{gap:.25rem}.module-nav>a{flex-shrink:0;padding:.55rem .65rem;font-size:.8125rem}.module-nav-title{margin-right:.25rem}.notification-popover{position:fixed;top:76px;right:12px;max-height:calc(100dvh - 88px);overflow-y:auto}.notification-arrow{display:none}.account-menu{max-height:calc(100dvh - 88px);overflow-y:auto}}.app-shell.documents-workspace-mode{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.documents-workspace-mode>.topbar,.documents-workspace-mode>.module-nav{flex-shrink:0}.documents-workspace-mode>.content{width:100%;max-width:none;box-sizing:border-box;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding-block:clamp(.5rem,2vh,1.25rem)}@media(max-width:760px){.documents-workspace-mode .module-nav{padding-inline:.4rem;gap:.2rem}.documents-workspace-mode .module-nav-title{display:none!important}.documents-workspace-mode .module-nav>a:not(.module-nav-title){flex:1 0 auto;padding-inline:.55rem;text-align:center}.documents-workspace-mode>.content{padding:.45rem .4rem}}.app-shell.course-workspace-mode{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.course-workspace-mode>.topbar,.course-workspace-mode>.module-nav{flex-shrink:0}.course-workspace-mode>.content{width:100%;max-width:none;box-sizing:border-box;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:clamp(.45rem,1.4vh,1rem) clamp(.5rem,1.5vw,1.5rem)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:9px;padding:.65rem .9rem;font-weight:700;cursor:pointer;background:transparent}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{background:var(--brand);color:var(--on-brand)}.button.secondary{border-color:var(--line);background:var(--surface)}.button.ghost{color:var(--muted)}.button.danger{color:#fff;background:var(--danger)}.button.wide{width:100%}.panel,.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:1.3rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card{padding:1.2rem;border-top:3px solid var(--brand)}.metric-card span{color:var(--muted);font-size:.82rem}.metric-card strong{display:block;margin:.65rem 0 .35rem;font-size:2rem}.metric-card small{color:var(--success-strong)}.activity-list{padding:0;list-style:none}.activity-list li{display:flex;gap:.8rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.activity-list li>span{margin-top:.35rem;width:9px;height:9px;border-radius:50%;background:var(--brand)}.activity-list small{display:block;color:var(--muted);margin-top:.2rem}.toolbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.filters{display:flex;flex-wrap:wrap;gap:.6rem}.filters input{min-width:min(280px,70vw)}.filters select{min-width:160px}.data-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.data-table-wrap tbody tr:hover{background:var(--surface-soft)}.pagination{display:flex;justify-content:space-between;align-items:center;color:var(--muted);padding:1rem .2rem}.pagination div{display:flex;align-items:center;gap:.7rem}.status-badge{display:inline-flex;border-radius:999px;padding:.28rem .55rem;font-size:.75rem;font-weight:750;background:var(--surface-soft)}.status-active,.status-done{color:var(--success-strong);background:color-mix(in srgb,var(--success) 13%,transparent)}.status-draft{color:var(--warning);background:color-mix(in srgb,var(--warning) 13%,transparent)}.status-cancelled,.status-archived{color:var(--muted)}.status-confirmed{color:#385ca9;background:#e9effd}.state-panel{min-height:280px;display:grid;place-items:center;align-content:center;text-align:center;padding:2rem;color:var(--muted)}.state-panel h2{color:var(--text);margin:.7rem 0 .2rem}.state-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--brand-soft);color:var(--brand);font-size:1.5rem}.standalone-state{min-height:100vh;display:grid;place-content:center;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.form-grid .full{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end;gap:.7rem}.field-error,.form-error{color:var(--danger);font-size:.8rem}.detail-card header,.detail-card footer{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.detail-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.detail-card dl div{background:var(--surface-soft);border-radius:10px;padding:1rem}.detail-card dt{color:var(--muted);font-size:.78rem}.detail-card dd{margin:.4rem 0 0;font-weight:650}.detail-card .full{grid-column:1 / -1}.detail-card footer{justify-content:flex-end;border-top:1px solid var(--line);padding-top:1rem}.note{margin:1rem 0 0}.global-search{width:min(440px,35vw);position:relative}.global-search-wrapper{position:relative;display:flex;align-items:center}.global-search-wrapper .search-icon{position:absolute;left:.85rem;color:var(--muted);pointer-events:none;display:flex;align-items:center}.global-search .global-search-wrapper input.global-search-input{width:100%;min-height:40px;padding:.55rem 2rem .55rem 2.75rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:999px;font-size:.84rem;color:var(--text);transition:all .2s ease;outline:none}.global-search-input:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.search-spinner{position:absolute;right:.85rem;color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-results-popover{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:.4rem;z-index:50;overflow:hidden}.search-results-list{display:flex;flex-direction:column;gap:.2rem}.search-result-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .8rem;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;color:var(--text);transition:background .15s ease}.search-result-item:hover{background:var(--surface-soft)}.result-icon{font-size:1.1rem;flex-shrink:0}.result-text{flex:1;min-width:0}.result-text strong{display:block;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.result-text small{display:block;font-size:.75rem;color:var(--muted);margin-top:.1rem}.search-no-results{padding:1rem;text-align:center;color:var(--muted);font-size:.8125rem}.toast-host{position:fixed;right:1rem;bottom:1rem;display:grid;gap:.5rem;z-index:50}.toast{padding:.8rem 1rem;border-radius:9px;color:#fff;box-shadow:var(--shadow);background:#344039}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.module-launcher{min-height:calc(100vh - 68px);position:relative;overflow:hidden;color:var(--text);background:radial-gradient(circle at 50% -12%,rgb(var(--brand-rgb) / .18),transparent 34%),radial-gradient(circle at 92% 28%,rgb(var(--brand-green-rgb) / .1),transparent 29%),linear-gradient(180deg,#fff 0%,var(--brand-subtle) 55%,#f7f7f6 100%)}.module-launcher:before{content:"";position:absolute;inset:52% -8% -24%;background:linear-gradient(150deg,rgb(var(--brand-rgb) / .12),rgb(var(--brand-grey-rgb) / .06) 47%,rgb(var(--brand-green-rgb) / .1));clip-path:polygon(0 38%,12% 18%,24% 31%,38% 8%,52% 29%,66% 5%,79% 31%,90% 14%,100% 35%,100% 100%,0 100%)}.module-launcher:after{content:"";position:absolute;inset:72% -10% -32%;background:linear-gradient(155deg,rgb(var(--brand-rgb) / .18),rgb(var(--brand-grey-rgb) / .1) 55%,rgb(var(--brand-green-rgb) / .14));clip-path:polygon(0 22%,15% 43%,34% 10%,50% 40%,68% 4%,83% 31%,100% 13%,100% 100%,0 100%)}.launcher-orb{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.orb-one{width:500px;height:500px;top:-280px;left:calc(50% - 250px);background:radial-gradient(circle,rgb(var(--brand-rgb) / .2),rgb(var(--brand-rgb) / 0) 70%)}.orb-two{width:380px;height:380px;right:-60px;top:12%;background:radial-gradient(circle,rgb(var(--brand-green-rgb) / .14) 0%,rgb(var(--brand-grey-rgb) / .08) 52%,transparent 70%)}.launcher-inner{width:min(940px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.2rem,6vh,5rem) 0 5rem;position:relative;z-index:2}.launcher-heading{text-align:center}.launcher-heading p{margin-bottom:.4rem;color:var(--brand-strong);font-size:.82rem;font-weight:750;text-transform:uppercase;letter-spacing:.14em}.launcher-heading h1{color:var(--text);font-size:clamp(1.5rem,2.6vw,2.15rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1.2rem;text-shadow:none}.launcher-search{width:min(430px,100%);margin:0 auto;position:relative;display:block}.launcher-search>span:first-child{position:absolute;left:1rem;top:.62rem;font-size:1.25rem;opacity:.9;color:var(--brand-strong)}.launcher-search input{padding:.78rem 1rem .78rem 2.8rem;border-radius:999px;border:1px solid #dfe5ec;background:#ffffffeb;color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px #0f172a14;transition:border-color .2s,box-shadow .2s,background .2s}.launcher-search input:hover{border-color:#cbd5e1;background:#fff}.launcher-search input:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px rgb(var(--brand-rgb) / .14),0 10px 28px #0f172a14;outline:none}.launcher-search input::placeholder{color:color-mix(in srgb,var(--brand-grey) 68%,white)}.category-tabs{display:flex;justify-content:center;gap:.55rem;margin:2rem 0 2.4rem;overflow-x:auto}.category-tabs button{border:1px solid #dfe5ec;border-radius:999px;padding:.5rem 1.1rem;color:var(--brand-grey);background:#ffffffd1;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0f172a0a;transition:color .2s,border-color .2s,background .2s,transform .2s}.category-tabs button:hover{border-color:var(--brand);color:var(--brand-strong);background:var(--brand-soft);transform:translateY(-1px)}.category-tabs button.active{border-color:var(--brand);color:var(--on-brand);background:var(--brand);font-weight:750;box-shadow:0 7px 18px rgb(var(--brand-rgb) / .25)}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,170px));justify-content:center;gap:1rem}.module-tile{display:flex;flex-direction:column;align-items:center;min-height:154px;padding:1.3rem .75rem 1.15rem;border:1px solid rgba(226,232,240,.9);border-radius:20px;color:var(--text);background:#ffffffd6;box-shadow:0 10px 28px #0f172a0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.module-tile:hover{transform:translateY(-4px);border-color:rgb(var(--brand-rgb) / .4);background:#fff;box-shadow:0 18px 36px #0f172a1a}.module-icon{width:78px;height:78px;display:grid;place-items:center;border-radius:24px;color:var(--on-brand);background:linear-gradient(145deg,color-mix(in srgb,var(--module-color) 75%,white),var(--module-color));box-shadow:0 12px 24px color-mix(in srgb,var(--module-color) 23%,transparent),inset 0 1px #ffffff57;transition:transform .18s,box-shadow .18s;position:relative}.module-tile[data-module=overview] .module-icon{color:#fff}.module-tile[data-module=elearning] .module-icon{color:#264a30}.module-tile:hover .module-icon{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 30px color-mix(in srgb,var(--module-color) 28%,transparent)}.module-icon svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round}.module-icon b{position:absolute;top:-7px;right:-7px;min-width:24px;height:24px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#ff5353;color:#fff;font-size:.72rem;border:2px solid white}.module-tile>strong{margin-top:.9rem;font-size:.95rem;font-weight:750;color:var(--text)}.module-launcher .state-panel{color:var(--muted)}.module-launcher .state-panel h2{color:var(--text)}.module-launcher .state-icon{background:#fff3d8;color:var(--brand-strong)}@media(max-width:850px){.metric-grid{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:stretch;flex-direction:column}.form-grid,.detail-card dl{grid-template-columns:1fr}.detail-card .full{grid-column:auto}.module-grid{grid-template-columns:repeat(3,minmax(0,150px))}}@media(max-width:620px){.metric-grid{grid-template-columns:1fr}.data-table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}.data-table-wrap table,.data-table-wrap tbody,.data-table-wrap tr,.data-table-wrap td{display:block}.data-table-wrap thead{display:none}.data-table-wrap tr{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:.7rem;padding:.5rem}.data-table-wrap td{border:0;display:flex;justify-content:space-between;gap:1rem;padding:.5rem}.data-table-wrap td:before{content:attr(data-label);color:var(--muted);font-size:.78rem}.pagination{align-items:flex-start;flex-direction:column}.scope-switchers select{max-width:120px}.launcher-inner{padding-top:2rem}.launcher-heading p{display:none}.category-tabs{justify-content:flex-start;margin:1.3rem 0 1.8rem}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem .8rem}.module-icon{width:68px;height:68px;border-radius:20px}.module-tile>small{display:none}}@media(max-width:620px){.category-tabs{flex-wrap:wrap;gap:.5rem;overflow:visible;margin:1.25rem 0}.category-tabs button{padding:.5rem .85rem;font-size:.875rem;min-height:40px}.module-grid{gap:.85rem}.module-tile{min-height:140px;padding:1rem .5rem;border-radius:16px}.module-tile>strong{overflow-wrap:anywhere}}.content:has(.booking-app){padding:1rem clamp(1rem,3vw,3rem) 1.25rem;max-width:1600px}.booking-app{--booking-line: #e6ebf1;color:var(--text);background:#fff;border:1px solid var(--booking-line);border-radius:18px;box-shadow:0 16px 44px #0f172a12;overflow:hidden;height:calc(100dvh - 148px);min-height:580px;display:flex;flex-direction:column}.booking-toolbar{flex:0 0 auto;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--booking-line);background:#fffffffa;position:relative;z-index:20}.booking-toolbar-primary,.booking-toolbar-actions,.booking-nav-buttons,.booking-period{display:flex;align-items:center;gap:.55rem}.booking-new{background:linear-gradient(135deg,var(--brand),var(--brand))!important;box-shadow:0 7px 18px rgb(var(--brand-rgb) / .24)}.booking-new span{font-size:1.15rem;line-height:1}.booking-nav-buttons{gap:1px;border:1px solid #dce3eb;border-radius:9px;overflow:hidden}.booking-nav-buttons button{width:36px;height:36px;border:0;background:#f8fafc;color:var(--text);font-size:1.45rem;cursor:pointer}.booking-nav-buttons button+button{border-left:1px solid #dce3eb}.booking-nav-buttons button:hover{background:#fff7e8;color:#b96800}.booking-period{gap:.5rem;margin-left:.4rem}.booking-period strong{font-size:1.06rem}.booking-period span{padding:.28rem .5rem;border-radius:7px;color:var(--muted);background:#f1f5f9;font-size:.78rem;font-weight:700}.booking-refreshing{color:var(--muted);font-size:.78rem}.booking-view-picker{position:relative}.booking-view-trigger{min-width:104px;display:flex;align-items:center;justify-content:center;gap:.45rem;font-weight:700}.booking-view-icon{color:var(--brand-strong);font-size:1rem}.booking-view-chevron{margin-left:.15rem;color:var(--muted)}.booking-view-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:220px;overflow:hidden;padding:.35rem 0;border:1px solid #dce3eb;border-radius:10px;background:#fff;box-shadow:0 16px 35px #0f172a29}.booking-view-menu button{width:100%;display:grid;grid-template-columns:24px 1fr;align-items:center;padding:.62rem .8rem;border:0;color:#1f2937;background:transparent;font-size:.88rem;text-align:left;cursor:pointer}.booking-view-menu button:hover{background:#f8fafc}.booking-view-menu button.active{color:#111827;background:#f3f0eb;font-weight:750}.booking-view-menu button>span{color:#8b6da9;font-weight:900}.booking-view-divider{height:1px;margin:.35rem 0;background:#dce3eb}.booking-sidebar-toggle{width:40px;padding-inline:0}.booking-workspace{flex:1 1 auto;min-height:0;height:100%;display:grid;grid-template-columns:minmax(0,1fr) 300px;overflow:hidden;transition:grid-template-columns .2s}.booking-workspace.sidebar-hidden{grid-template-columns:minmax(0,1fr) 0}.booking-calendar-scroll{min-width:0;height:100%;overflow-y:auto;overflow-x:auto;background:#fff;position:relative}.booking-calendar{min-width:980px}.booking-week-header{display:grid;grid-template-columns:64px repeat(var(--booking-columns),minmax(130px,1fr));position:sticky;top:0;z-index:10;background:#fffffffa;border-bottom:1px solid var(--booking-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.booking-time-corner{border-right:1px solid var(--booking-line)}.booking-day-heading{min-height:82px;display:grid;place-content:center;justify-items:center;gap:.25rem;border-right:1px solid var(--booking-line)}.booking-day-heading span{color:var(--muted);font-size:.72rem;font-weight:750;letter-spacing:.04em}.booking-day-heading strong{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:1.1rem}.booking-day-heading.today span{color:var(--brand-strong)}.booking-day-heading.today strong{color:var(--on-brand);background:var(--brand);box-shadow:0 5px 14px rgb(var(--brand-rgb) / .25)}.booking-timeline{display:grid;grid-template-columns:64px repeat(var(--booking-columns),minmax(130px,1fr))}.booking-time-gutter{height:var(--calendar-height);position:relative;border-right:1px solid var(--booking-line);background:#fbfcfd}.booking-time-gutter span{position:absolute;right:8px;color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums}.booking-day-track{height:var(--calendar-height);position:relative;border-right:1px solid var(--booking-line);background-color:#fff;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 63px,var(--booking-line) 63px,var(--booking-line) 64px);cursor:crosshair}.booking-day-track.today{background-color:#fffdf8}.booking-resource-calendar{min-width:max(820px,calc(64px + var(--booking-columns) * 190px))}.booking-resource-header,.booking-resource-timeline{display:grid;grid-template-columns:64px repeat(var(--booking-columns),minmax(190px,1fr))}.booking-resource-header{position:sticky;top:0;z-index:10;min-height:66px;border-bottom:1px solid var(--booking-line);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.booking-resource-heading{min-width:0;display:grid;grid-template-columns:auto minmax(0,auto);align-content:center;justify-content:center;align-items:center;gap:.18rem .45rem;padding:.7rem;border-right:1px solid var(--booking-line);text-align:center}.booking-resource-heading i{width:9px;height:9px;border-radius:50%}.booking-resource-heading strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.booking-resource-heading small{grid-column:1 / -1;color:color-mix(in srgb,var(--brand-grey) 68%,white);font-size:.67rem}.booking-empty-calendar{min-height:560px;display:grid;place-items:center;padding:2rem;color:var(--muted);text-align:center}.booking-calendar-event{position:absolute;z-index:2;min-height:34px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:.08rem;padding:.38rem .45rem;border:1px solid color-mix(in srgb,var(--event-color) 55%,white);border-left:3px solid var(--event-color);border-radius:7px;color:color-mix(in srgb,var(--event-color) 78%,#0f172a);background:color-mix(in srgb,var(--event-color) 13%,white);box-shadow:0 3px 10px #0f172a12;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,filter .16s}.booking-calendar-event:hover{z-index:4;transform:translateY(-1px);filter:saturate(1.1);box-shadow:0 8px 18px #0f172a24}.booking-calendar-event strong,.booking-calendar-event span,.booking-calendar-event small{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-calendar-event strong{font-size:.77rem}.booking-calendar-event span,.booking-calendar-event small{font-size:.68rem}.booking-event-pending{--event-color: var(--brand) !important;border-style:dashed}.booking-event-pending_direct_manager{--event-color: #7c3aed !important;border-style:dashed}.booking-event-approved{--event-color: var(--success-strong) !important}.booking-event-rejected{--event-color: #ef4444 !important;opacity:.76}.booking-event-cancelled{--event-color: var(--muted) !important;opacity:.68}.booking-event-cancelled{text-decoration:line-through}.booking-month-view{min-width:860px}.booking-month-weekdays,.booking-month-week{display:grid;grid-template-columns:repeat(var(--booking-columns),minmax(120px,1fr))}.booking-month-weekdays{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--booking-line);background:#fffffff7}.booking-month-weekdays span{padding:.7rem;border-right:1px solid var(--booking-line);color:var(--muted);font-size:.72rem;font-weight:750;text-align:center;text-transform:uppercase}.booking-month-day{min-height:126px;overflow:hidden;padding:.45rem;border-right:1px solid var(--booking-line);border-bottom:1px solid var(--booking-line);background:#fff}.booking-month-day.muted{background:#fafbfc}.booking-month-day.muted>*{opacity:.48}.booking-month-day.today{background:#fffdf7}.booking-month-date{width:28px;height:28px;display:grid;place-items:center;margin:0 0 .25rem auto;border:0;border-radius:50%;color:var(--text);background:transparent;font-weight:700;cursor:pointer}.booking-month-day.today .booking-month-date{color:var(--on-brand);background:var(--brand)}.booking-month-event{width:100%;min-width:0;display:grid;grid-template-columns:6px auto minmax(0,1fr);align-items:center;gap:.3rem;margin-top:.22rem;padding:.3rem .4rem;border:0;border-radius:5px;color:var(--text);background:color-mix(in srgb,var(--event-color) 11%,white);font-size:.66rem;text-align:left;cursor:pointer}.booking-month-event i{width:6px;height:6px;border-radius:50%;background:var(--event-color)}.booking-month-event span{color:var(--muted);font-variant-numeric:tabular-nums}.booking-month-event strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-more-events{display:block;margin:.3rem 0 0 .15rem;padding:.18rem .28rem;border:0;border-radius:4px;color:var(--brand-strong);background:transparent;font-size:.65rem;font-weight:700;cursor:pointer}.booking-more-events:hover{background:var(--brand-soft)}.booking-year-view{min-width:850px;display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:1.25rem;padding:1.3rem;background:#fbfcfd}.booking-year-month{padding:.8rem;border:1px solid var(--booking-line);border-radius:12px;background:#fff}.booking-year-title{display:block;margin:0 auto .7rem;border:0;color:var(--text);background:transparent;font-size:.9rem;font-weight:800;text-transform:capitalize;cursor:pointer}.booking-year-weekdays,.booking-year-days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.booking-year-weekdays span{padding-bottom:.35rem;color:color-mix(in srgb,var(--brand-grey) 68%,white);font-size:.6rem;font-weight:750}.booking-year-days>span{position:relative;aspect-ratio:1;display:grid;place-items:center}.booking-year-days button{width:27px;height:27px;border:0;border-radius:50%;color:var(--brand-grey);background:transparent;font-size:.66rem;cursor:pointer}.booking-year-days button:hover{background:#fff2d6}.booking-year-days span.today button{color:var(--on-brand);background:var(--brand);font-weight:800}.booking-year-days span.busy:after{content:"";position:absolute;bottom:1px;width:4px;height:4px;border-radius:50%;background:var(--brand-strong)}.booking-sidebar{min-width:300px;max-width:300px;height:100%;overflow-y:auto;border-left:1px solid var(--booking-line);background:#fcfdff;transition:opacity .2s}.sidebar-hidden .booking-sidebar{min-width:0;max-width:0;width:0;opacity:0;overflow:hidden}.booking-mini-calendar{padding:1.15rem 1rem;border-bottom:1px solid var(--booking-line);background:#fff}.booking-mini-calendar header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.booking-mini-calendar header button,.booking-resource-filters header button{border:0;background:transparent;color:var(--muted);cursor:pointer}.booking-mini-calendar header button{width:30px;height:30px;border-radius:7px;font-size:1.25rem}.booking-mini-calendar header button:hover{background:#fff4dd;color:#b96800}.booking-mini-weekdays,.booking-mini-days{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;text-align:center}.booking-mini-weekdays{margin-bottom:.35rem;color:var(--muted);font-size:.66rem;font-weight:750}.booking-mini-days button{aspect-ratio:1;border:0;border-radius:50%;color:var(--text);background:transparent;font-size:.73rem;cursor:pointer}.booking-mini-days button:hover,.booking-mini-days button.in-week{background:#fff5df}.booking-mini-days button.muted{color:#cbd5e1}.booking-mini-days button.selected{color:var(--on-brand);background:var(--brand);font-weight:800;box-shadow:0 4px 10px rgb(var(--brand-rgb) / .25)}.booking-resource-filters{padding:1rem}.booking-resource-filters>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem}.booking-resource-filters>header div{display:grid;gap:.2rem}.booking-resource-filters>header small{color:var(--muted);font-size:.7rem}.booking-resource-filters>header button{color:#b96800;font-size:.75rem;font-weight:700}.booking-resource-filters section+section{margin-top:.9rem;padding-top:.9rem;border-top:1px solid #edf1f5}.booking-resource-group,.booking-resource-item{display:flex;align-items:center;cursor:pointer}.booking-resource-group{gap:.5rem;margin-bottom:.38rem}.booking-resource-group input,.booking-resource-item input{width:16px;height:16px;accent-color:var(--brand)}.booking-resource-group strong{font-size:.8rem}.booking-resource-group>span{margin-left:auto;color:color-mix(in srgb,var(--brand-grey) 68%,white);font-size:.72rem}.booking-resource-item{gap:.48rem;padding:.42rem .2rem .42rem 1.5rem;border-radius:8px}.booking-resource-item:hover{background:#f8fafc}.booking-resource-item i{width:9px;height:9px;flex:0 0 auto;border-radius:3px}.booking-resource-item>span{min-width:0;display:grid;gap:.1rem}.booking-resource-item strong{overflow:hidden;color:var(--text);font-size:.76rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.booking-resource-item small{color:color-mix(in srgb,var(--brand-grey) 68%,white);font-size:.65rem}.booking-modal-backdrop{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:1rem;background:#0f172a75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.booking-modal{width:min(590px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:#fff;box-shadow:0 28px 70px #0f172a40}.booking-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.3rem 1.4rem 1rem;border-bottom:1px solid #edf1f5}.booking-modal>header p{margin-bottom:.25rem;color:var(--brand-strong);font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.booking-modal>header h2{margin:0;color:var(--text);font-size:1.3rem}.booking-modal>header .btn-close{width:32px;height:32px;border:0;border-radius:8px;color:var(--muted);background:#0000000d;font-size:1.3rem;cursor:pointer;display:grid;place-items:center}.booking-modal>header .btn-close:hover{background:#0000001a;color:#0f172a}.booking-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1.25rem 1.4rem}.booking-form-grid label{display:grid;gap:.4rem;color:var(--text);font-size:.8rem;font-weight:700}.booking-form-grid .full{grid-column:1 / -1}.booking-form-grid input,.booking-form-grid select,.booking-form-grid textarea{color:var(--text);background:#fff;border-color:#dce3eb}.booking-modal>footer{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:1rem 1.4rem 1.3rem;border-top:1px solid #edf1f5}.booking-detail-modal{width:min(600px,100%);border-radius:16px}.booking-detail-modal>header{padding:1.1rem 1.4rem;align-items:center;border-bottom:1px solid #e2e8f0}.booking-detail-modal>header h2{font-size:1.22rem;font-weight:750;color:#1e1b2e}.booking-detail-body{padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.85rem}.detail-row{display:flex;align-items:flex-start;gap:.85rem;font-size:.88rem;color:var(--text);line-height:1.45}.detail-row .row-icon{font-size:1.05rem;flex:0 0 24px;display:flex;justify-content:center;align-items:center}.detail-row .row-content{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.detail-row .row-label{font-weight:700;color:var(--brand-grey);min-width:110px;font-size:.84rem}.detail-row .row-value-highlight{font-weight:700;color:#5b4a78;font-size:.88rem}.detail-row .row-duration{color:var(--muted);font-size:.82rem;font-weight:600}.detail-row .res-capacity{background:#f1f5f9;padding:1px 6px;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--brand-grey)}.detail-row .res-location{color:var(--muted);font-size:.78rem}.detail-row .videocall-link{color:#2563eb;text-decoration:underline;word-break:break-all;font-weight:600}.detail-row .alarm-tag{background:#f8fafc;border:1px solid #e2e8f0;padding:2px 7px;border-radius:5px;font-size:.75rem;font-weight:600;color:var(--brand-grey)}.attendee-list{display:flex;flex-wrap:wrap;gap:.5rem}.attendee-chip{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;color:#1e293b;font-size:.84rem}.attendee-avatar{width:26px;height:26px;border-radius:6px;color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:800;position:relative;flex:0 0 auto}.attendee-avatar .avatar-check{position:absolute;bottom:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--success);color:#fff;font-size:.55rem;display:grid;place-items:center;border:1.5px solid white}.booking-detail-audit-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.75rem 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.65rem;margin-top:.35rem}.audit-item{display:flex;flex-direction:column;gap:.12rem;font-size:.78rem}.audit-item strong{color:var(--muted);font-size:.68rem;text-transform:uppercase;font-weight:700}.audit-item span{color:#1e293b;font-weight:650}.audit-item span.state-approved{color:var(--success-strong)}.audit-item span.state-rejected{color:#b91c1c}.booking-detail-reason-box{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:.65rem .9rem;color:#be123c;font-size:.82rem;line-height:1.4}.booking-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1.4rem;background:#fafbfc;border-top:1px solid #eef2f6;flex-wrap:wrap}.booking-detail-footer .footer-left{display:flex;align-items:center;gap:.9rem}.booking-detail-footer .footer-right{display:flex;align-items:center;gap:.45rem;margin-left:auto}.btn-detail-edit{background:#68597f;color:#fff;border:0;padding:.55rem 1.15rem;border-radius:7px;font-weight:750;font-size:.86rem;cursor:pointer;transition:background .15s}.btn-detail-edit:hover{background:#56476c}.detail-status-indicator{font-size:.84rem;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:.35rem}.detail-status-indicator strong{font-weight:800;color:var(--text)}.detail-status-indicator.status-approved strong{color:var(--success-strong)}.detail-status-indicator.status-rejected strong{color:#b91c1c}.detail-status-indicator.status-cancelled strong{color:var(--brand-grey)}.detail-status-indicator.status-pending strong{color:var(--brand-strong)}.detail-status-indicator.status-pending_direct_manager strong{color:#6d28d9}.btn-detail-trash{width:36px;height:36px;border:1px solid #dce3eb;border-radius:7px;background:#f1f5f9;color:var(--brand-grey);display:grid;place-items:center;font-size:1rem;cursor:pointer;transition:all .15s}.btn-detail-trash:hover{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.booking-status{display:inline-flex;margin-bottom:.45rem;padding:.26rem .52rem;border-radius:999px;color:var(--brand-strong);background:#fff2d6;font-size:.7rem;font-weight:750}.booking-status.status-pending{color:var(--brand-strong);background:#fff2d6}.booking-status.status-pending_direct_manager{color:#6d28d9;background:#ede9fe}.booking-status.status-approved{color:var(--success-strong);background:var(--success-soft)}.booking-status.status-rejected{color:#b91c1c;background:#fee2e2}.booking-status.status-cancelled{color:var(--brand-grey);background:#e2e8f0}.booking-approve{color:#fff;background:var(--success)}.booking-danger{color:#dc2626!important}.booking-reason-body{padding:1.25rem 1.4rem}.booking-reason-body label{display:grid;gap:.45rem;color:var(--text);font-size:.84rem;font-weight:600}.booking-reason-body textarea{width:100%;border:1px solid #dce3eb;border-radius:8px;padding:.6rem;font-family:inherit;font-size:.88rem}.booking-reason-text{color:#dc2626!important;font-style:italic;font-weight:500!important}.booking-timeline-container{min-width:100%;overflow:hidden;background:#fff}.booking-timeline-view{display:grid;grid-template-columns:240px minmax(0,1fr);min-width:980px}.booking-timeline-left-col{border-right:1px solid var(--booking-line);background:#fafbfc;position:sticky;left:0;z-index:10}.booking-timeline-corner-header{height:52px;display:flex;flex-direction:column;justify-content:center;padding:.5rem .85rem;border-bottom:1px solid var(--booking-line);background:#f8fafc;position:sticky;top:0;z-index:15}.booking-timeline-corner-header strong{font-size:.82rem;color:#1e293b}.booking-timeline-corner-header small{font-size:.68rem;color:var(--muted)}.booking-timeline-group-header{height:28px;display:flex;align-items:center;padding:0 .85rem;background:#edf2f7;color:var(--brand-grey);font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--booking-line)}.booking-timeline-resource-cell{height:64px;display:flex;align-items:center;padding:.5rem .85rem;border-bottom:1px solid var(--booking-line);background:#fff}.booking-timeline-res-info{min-width:0;width:100%;display:flex;flex-direction:column;gap:.2rem}.booking-timeline-res-title{display:flex;align-items:center;gap:.45rem}.booking-timeline-res-title i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.booking-timeline-res-title strong{font-size:.82rem;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-timeline-res-meta{display:flex;align-items:center;gap:.45rem;font-size:.68rem;color:var(--muted)}.booking-timeline-res-meta .res-capacity{background:#f1f5f9;padding:1px 5px;border-radius:4px;font-weight:600}.booking-timeline-res-meta .res-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-timeline-right-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;position:relative;background:#fff}.booking-timeline-right-inner{position:relative;min-width:calc(var(--timeline-hours) * 80px);width:100%}.booking-timeline-hours-header{height:52px;display:grid;grid-template-columns:repeat(var(--timeline-hours),1fr);border-bottom:1px solid var(--booking-line);background:#f8fafcfa;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.booking-timeline-hour-slot{display:flex;align-items:center;justify-content:flex-start;padding-left:8px;border-right:1px solid var(--booking-line);color:var(--muted);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.booking-timeline-group-row-spacer{height:28px;background:#edf2f7;border-bottom:1px solid var(--booking-line)}.booking-timeline-row{height:64px;position:relative;border-bottom:1px solid var(--booking-line);background:#fff;cursor:crosshair}.booking-timeline-row:hover{background-color:#fdfdfd}.booking-timeline-grid-lines{position:absolute;inset:0;display:grid;grid-template-columns:repeat(var(--timeline-hours),1fr);pointer-events:none}.timeline-grid-col{border-right:1px solid var(--booking-line)}.booking-timeline-event-bar{position:absolute;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.25rem .55rem;border-radius:6px;border:1px solid color-mix(in srgb,var(--event-color) 60%,white);border-left:4px solid var(--event-color);background:color-mix(in srgb,var(--event-color) 14%,white);color:color-mix(in srgb,var(--event-color) 82%,#0f172a);box-shadow:0 2px 6px #0f172a14;text-align:left;cursor:pointer;transition:transform .15s,box-shadow .15s;overflow:hidden}.booking-timeline-event-bar:hover{z-index:6;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a29;filter:saturate(1.1)}.event-bar-content{min-width:0;display:flex;flex-direction:column;gap:1px;overflow:hidden}.event-bar-content .event-title{font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-bar-content .event-meta{display:flex;align-items:center;gap:.25rem;font-size:.67rem;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-state-badge{flex:0 0 auto;font-size:.62rem;font-weight:700;padding:1px 5px;border-radius:4px}.event-state-badge.badge-approved{background:var(--success-soft);color:var(--success-strong)}.event-state-badge.badge-pending{background:var(--brand-soft);color:var(--brand-strong)}.event-state-badge.badge-pending_direct_manager{background:#ede9fe;color:#6d28d9}.event-state-badge.badge-rejected{background:#fee2e2;color:#b91c1c}.event-state-badge.badge-cancelled{background:#e2e8f0;color:var(--brand-grey)}.booking-timeline-now-line{position:absolute;top:0;bottom:0;width:2px;background:#ef4444;z-index:8;pointer-events:none}.booking-timeline-now-line .now-badge{position:absolute;top:2px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;font-size:.6rem;font-weight:750;padding:1px 4px;border-radius:3px;white-space:nowrap;box-shadow:0 2px 5px #ef444466}@media(max-width:1100px){.booking-workspace{grid-template-columns:minmax(0,1fr) 270px}.booking-sidebar{min-width:270px;max-width:270px}}@media(max-width:860px){.booking-app{height:auto;min-height:calc(100dvh - 148px)}.booking-toolbar{align-items:flex-start;flex-wrap:wrap}.booking-toolbar-primary{flex-wrap:wrap}.booking-period{order:3;width:100%;margin-left:0}.booking-workspace{display:flex;flex-direction:column;height:auto}.booking-sidebar{order:-1;position:static;width:100%;min-width:0;max-width:none;height:auto;max-height:55dvh;border-left:0;border-bottom:1px solid var(--booking-line);box-shadow:none}.booking-calendar-scroll{height:min(650px,65dvh);flex:none}.booking-toolbar-primary{min-width:0;flex:1 1 100%}.booking-toolbar-actions{flex-wrap:wrap;margin-left:auto}.booking-period{flex-wrap:wrap}.sidebar-hidden .booking-sidebar{width:0}.booking-year-view{grid-template-columns:repeat(2,minmax(230px,1fr))}}@media(max-width:620px){.content:has(.booking-app){padding-inline:.65rem}.booking-app{border-radius:14px}.booking-toolbar{padding:.65rem}.booking-new{width:100%}.booking-toolbar-actions{align-self:flex-end}.booking-view-trigger{min-width:92px}.booking-period strong{font-size:.95rem}.booking-form-grid,.booking-detail-modal dl{grid-template-columns:1fr}.booking-form-grid .full,.booking-detail-modal dl .full{grid-column:auto}.booking-modal>footer{flex-wrap:wrap}.booking-year-view{grid-template-columns:1fr;min-width:310px}}.elearning-dashboard-page{display:flex;flex-direction:column;gap:1.75rem;width:100%;max-width:1400px;margin:0 auto}.elearning-welcome-banner{display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;padding:1.5rem 2rem;border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),color-mix(in srgb,var(--brand-accent) 8%,var(--surface)));border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));box-shadow:var(--shadow)}.welcome-banner-content{position:relative;z-index:2;max-width:780px}.welcome-banner-content h1{font-size:clamp(1.25rem,2.5vw,1.65rem);font-weight:750;color:var(--text);margin:0 0 .4rem;letter-spacing:-.025em;line-height:1.3}.welcome-banner-content p{color:var(--muted);font-size:.9rem;margin:0;line-height:1.45}.welcome-banner-decoration{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--brand-strong);pointer-events:none;z-index:1;opacity:.85}.elearning-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:.5rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.page-subtitle{color:var(--muted);font-size:.875rem;margin:.25rem 0 0}.page-search-wrap{width:100%;max-width:320px}.filter-pills-row{display:flex;gap:.5rem;flex-wrap:wrap}.filter-pill{font-size:.8125rem;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:all .15s ease}.filter-pill-active{background:var(--brand-strong);border-color:var(--brand-strong);color:#fff;font-weight:600}.elearning-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.elearning-kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem 1.4rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.1rem;transition:transform .18s ease,box-shadow .18s ease}.elearning-kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px #00000014}.kpi-icon-wrap{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;transition:transform .15s ease}.kpi-blue{background:#e0f2fe;color:#0284c7}.kpi-orange{background:#ffedd5;color:var(--brand)}.kpi-green{background:var(--success-soft);color:var(--success-strong)}.kpi-gold{background:var(--brand-soft);color:var(--brand-strong)}:root[data-theme=dark] .kpi-blue{background:#0284c733;color:#38bdf8}:root[data-theme=dark] .kpi-orange{background:#ea580c33;color:var(--brand)}:root[data-theme=dark] .kpi-green{background:#16a34a33;color:var(--success-strong)}:root[data-theme=dark] .kpi-gold{background:#d9770633;color:var(--brand)}.kpi-details{display:flex;flex-direction:column;gap:.2rem;min-width:0}.kpi-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kpi-value{font-size:1.6rem;font-weight:800;color:var(--text);line-height:1.1}.kpi-skeleton-text{width:50px;height:24px;background:var(--surface-soft);border-radius:4px;animation:skeleton-pulse 1.5s infinite ease-in-out}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.elearning-section{display:flex;flex-direction:column;gap:1rem}.learner-hub-section{scroll-margin-top:7rem;padding-top:1.75rem;border-top:1px solid var(--line)}.elearning-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.elearning-section-header h2{font-size:1.25rem;font-weight:700;color:var(--text);margin:0}.elearning-section-header p{color:var(--muted);font-size:.8125rem;margin:.2rem 0 0}.section-link{font-size:.875rem;color:var(--brand-strong);font-weight:600;text-decoration:none;white-space:nowrap}.section-link:hover{text-decoration:underline}.elearning-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.course-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.course-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px -8px #0000001a;border-color:color-mix(in srgb,var(--brand) 40%,var(--line))}.course-card-cover{height:120px;position:relative;overflow:hidden;padding:.75rem;display:flex;align-items:flex-start;justify-content:flex-end}.course-card-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-abstract-pattern{position:absolute;inset:0;pointer-events:none}.course-status-badge{position:relative;z-index:2;font-size:.72rem;font-weight:700;padding:.3rem .65rem;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 6px #00000026}.badge-success{background:#10b981eb;color:#fff}.badge-danger{background:#ef4444eb;color:#fff}.badge-warning{background:rgb(var(--brand-rgb) / .92);color:#fff}.badge-info{background:#0ea5e9eb;color:#fff}.badge-muted{background:#64748beb;color:#fff}.course-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;flex:1}.course-card-title{font-size:1.05rem;font-weight:700;color:var(--text);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-desc{font-size:.8125rem;color:var(--muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-meta-row{display:flex;gap:.85rem;font-size:.75rem;color:var(--muted);flex-wrap:wrap}.course-progress-wrapper{display:flex;flex-direction:column;gap:.35rem;margin-top:auto}.progress-info{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.progress-info strong{color:var(--text)}.progress-track{height:8px;background:var(--surface-soft);border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--brand) 0%,var(--brand-accent) 100%);border-radius:999px;transition:width .4s ease}.progress-fill.progress-complete{background:linear-gradient(90deg,var(--success) 0%,var(--success-strong) 100%)}.next-lesson-hint{display:flex;align-items:baseline;gap:.4rem;font-size:.78rem;background:var(--surface-soft);padding:.5rem .75rem;border-radius:8px}.hint-label{color:var(--muted);font-weight:600;flex-shrink:0}.hint-title{color:var(--text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deadline-note{font-size:.75rem;color:var(--muted)}.course-card-footer{padding:.85rem 1.25rem;border-top:1px solid var(--line);background:var(--surface-soft);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.course-card-footer .btn{font-size:.8125rem;padding:.45rem .85rem}.cta-notice{font-size:.75rem;color:var(--muted)}.cta-notice.notice-danger{color:var(--danger);font-weight:600}.course-card-skeleton{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;height:280px}.skeleton-cover{height:120px;background:var(--surface-soft);animation:skeleton-pulse 1.5s infinite ease-in-out}.skeleton-body{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-line{height:14px;background:var(--surface-soft);border-radius:4px;animation:skeleton-pulse 1.5s infinite ease-in-out}.skeleton-line.full{width:90%}.skeleton-line.half{width:60%}.skeleton-line.progress{width:100%;height:8px;margin-top:1rem}.elearning-empty-box{padding:3.5rem 2rem;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-box-icon{color:var(--muted);opacity:.7}.elearning-empty-box h3{font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.elearning-empty-box p{color:var(--muted);font-size:.875rem;max-width:440px;margin:0 0 .5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s ease;border:1px solid transparent}.btn-primary{background:var(--brand-strong);color:#fff;border-color:var(--brand-strong)}.btn-primary:hover:not(:disabled){background:var(--brand);border-color:var(--brand);transform:translateY(-1px)}.btn-outline{background:var(--surface);color:var(--text);border-color:var(--line)}.btn-outline:hover:not(:disabled){background:var(--surface-soft);border-color:var(--muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.form-control{width:100%;padding:.55rem .85rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:.875rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.elearning-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.elearning-table{width:100%;border-collapse:collapse;font-size:.875rem}.elearning-table th{padding:.85rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--muted);background:var(--surface-soft);border-bottom:1px solid var(--line)}.elearning-table td{padding:.9rem 1rem;border-bottom:1px solid var(--line);color:var(--text)}.elearning-table tbody tr:hover{background:var(--surface-soft)}.lesson-player-page{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:1540px;margin:0 auto}.lesson-player-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.lesson-back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);text-decoration:none;font-size:.875rem;transition:color .15s ease}.lesson-back-link:hover{color:var(--brand-strong)}.lesson-player-progress-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;background:var(--surface-soft);padding:.25rem .65rem;border-radius:999px;border:1px solid var(--line)}.progress-badge-label{color:var(--muted)}.progress-badge-val{color:var(--brand-strong);font-weight:700}.elearning-player-layout{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}.elearning-player-main{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1.25rem;min-width:0}.lesson-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.lesson-header-left{display:flex;flex-direction:column;gap:.35rem}.lesson-header-title{font-size:1.4rem;font-weight:700;color:var(--text);margin:0;line-height:1.3}.lesson-header-meta{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.clean-type-badge{font-size:.72rem;font-weight:700;padding:.15rem .5rem;border-radius:4px}.type-video{background:#e0f2fe;color:#0284c7}.type-document{background:#ffedd5;color:var(--brand)}.type-image{background:var(--brand-soft);color:var(--brand-strong)}.type-article{background:#f1f5f9;color:var(--brand-grey)}:root[data-theme=dark] .type-video{background:#0284c733;color:#38bdf8}:root[data-theme=dark] .type-document{background:#ea580c33;color:var(--brand)}.watch-time-text{font-size:.75rem;color:var(--muted)}.lesson-completed-tag{display:inline-flex;align-items:center;gap:.35rem;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:var(--success-strong);padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700}.lesson-content-canvas{width:100%}.elearning-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0003}.elearning-video-wrapper iframe,.elearning-video-wrapper video,.elearning-video-wrapper embed,.elearning-video-wrapper object{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}.elearning-embed-wrapper{position:relative;width:100%;min-height:600px;height:75vh;background:#000;border-radius:12px;overflow:hidden}.elearning-embed-wrapper iframe,.elearning-embed-wrapper embed,.elearning-embed-wrapper object{width:100%!important;height:100%!important;border:none!important}.elearning-image-wrapper{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-soft)}.infographic-stage{display:flex;justify-content:center;align-items:center;padding:1.5rem;background:#111827;border-radius:0 0 12px 12px;min-height:480px;max-height:85vh;overflow:auto}.infographic-image-element{max-width:100%;max-height:80vh;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 10px 30px #00000059;transition:transform .2s ease}.elearning-document-wrapper{display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface-soft)}.document-top-action-bar{display:flex;justify-content:space-between;align-items:center;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}.doc-status-text{font-size:.78rem;font-weight:600;color:var(--muted)}.document-content-frame{width:100%;height:720px;border:none;background:#fff}.elearning-article-wrapper{padding:1.75rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:100%;overflow-x:hidden}.clean-article-html{line-height:1.8;color:var(--text);font-size:.95rem;max-width:100%;overflow-wrap:break-word;word-break:break-word}.clean-article-html *{max-width:100%!important;box-sizing:border-box!important}.clean-article-html p{margin:0 0 1.15rem}.clean-article-html img{max-width:100%!important;height:auto!important;display:block;margin:1.25rem auto;border-radius:8px;box-shadow:0 4px 12px #00000014}.clean-article-html table{width:100%!important;max-width:100%!important;display:block;overflow-x:auto;border-collapse:collapse;margin:1.25rem 0}.empty-article-text{color:var(--muted);font-style:italic}.type-quiz-badge{background:#f3e8ff;color:#9333ea}:root[data-theme=dark] .type-quiz-badge{background:#9333ea33;color:#c084fc}.quiz-stat-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;color:var(--muted);background:var(--surface-soft);padding:.15rem .5rem;border-radius:4px;border:1px solid var(--line)}.quiz-result-banner{padding:1.25rem 1.5rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border:1px solid}.quiz-result-banner.is-passed{background:var(--success-soft);border-color:var(--success-strong)}.quiz-result-banner.is-failed{background:#fef2f2;border-color:#fecaca}:root[data-theme=dark] .quiz-result-banner.is-passed{background:#10b98126;border-color:#10b9814d}:root[data-theme=dark] .quiz-result-banner.is-failed{background:#ef444426;border-color:#ef44444d}.quiz-result-content{display:flex;align-items:center;gap:1rem}.quiz-result-banner.is-passed .quiz-result-icon{color:var(--success-strong)}.quiz-result-banner.is-failed .quiz-result-icon{color:#ef4444}.quiz-result-title{font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.quiz-result-banner.is-passed .quiz-result-title{color:#065f46}.quiz-result-banner.is-failed .quiz-result-title{color:#991b1b}:root[data-theme=dark] .quiz-result-banner.is-passed .quiz-result-title{color:var(--success-strong)}:root[data-theme=dark] .quiz-result-banner.is-failed .quiz-result-title{color:#f87171}.quiz-result-subtitle{font-size:.84rem;margin:0;color:var(--text)}.quiz-result-actions{display:flex;align-items:center;gap:.6rem}.quiz-questions-container{display:flex;flex-direction:column;gap:1.5rem}.quiz-question-card{padding:1.25rem 1.5rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:1rem}.quiz-question-header{display:flex;align-items:flex-start;gap:.65rem}.question-number-badge{font-size:.75rem;font-weight:700;color:var(--brand-strong);background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);padding:.2rem .5rem;border-radius:6px;flex-shrink:0;margin-top:.15rem}.quiz-question-title{font-size:1rem;font-weight:600;color:var(--text);margin:0;line-height:1.45}.quiz-answers-grid{display:flex;flex-direction:column;gap:.6rem}.quiz-answer-option{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.quiz-answer-option:hover:not(.is-disabled){border-color:color-mix(in srgb,var(--brand) 40%,transparent);background:var(--surface-soft)}.quiz-answer-option.is-selected{border-color:var(--brand);background:var(--brand-soft)}.quiz-answer-option.is-correct{border-color:var(--success-strong);background:#10b9811a}.quiz-answer-option.is-wrong{border-color:#ef4444;background:#ef44441a}.quiz-answer-option.is-disabled{cursor:default}.quiz-radio-input{width:18px!important;height:18px!important;margin:0!important;cursor:pointer;accent-color:var(--brand-strong);flex-shrink:0}.quiz-answer-text{font-size:.875rem;color:var(--text);line-height:1.4;flex:1}.quiz-answer-option.is-selected .quiz-answer-text{font-weight:600;color:var(--brand-strong)}.quiz-answer-badge.correct{font-size:.72rem;font-weight:700;color:var(--success-strong);background:#10b98126;padding:.15rem .45rem;border-radius:4px;flex-shrink:0}.quiz-player-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;border-top:1px solid var(--line);padding-top:1.25rem;margin-top:.5rem}.quiz-progress-text{font-size:.84rem;color:var(--muted)}.btn-submit-quiz{min-width:160px;font-weight:600}.lesson-player-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;border-top:1px solid var(--line);padding-top:1.25rem}.lesson-footer-actions{display:flex;align-items:center;gap:.6rem}.btn-complete-action{color:var(--success-strong);border-color:#10b98166}.btn-complete-action:hover{background:#10b9811a;border-color:var(--success-strong)}.lesson-discussion-box{margin-top:1rem;border-top:1px solid var(--line);padding-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.discussion-title{font-size:1.05rem;font-weight:700;margin:0;color:var(--text)}.discussion-composer-form{display:flex;flex-direction:column;gap:.5rem}.discussion-composer-actions{display:flex;justify-content:flex-end}.discussion-comments-list{display:flex;flex-direction:column;gap:.75rem}.comment-item-bubble{padding:.85rem 1rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:.35rem}.comment-bubble-header{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.comment-author-name{color:var(--text);font-weight:700}.comment-date-text{color:var(--muted)}.comment-bubble-body{font-size:.8125rem;line-height:1.5;color:var(--text)}.empty-comments-text{color:var(--muted);font-size:.8125rem;margin:0}.elearning-player-sidebar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1rem;max-height:85vh;position:sticky;top:1.25rem;overflow-y:auto}.player-sidebar-header{padding-bottom:.6rem;border-bottom:1px solid var(--line)}.sidebar-heading-title{font-size:.9375rem;font-weight:700;margin:0;color:var(--text)}.player-sidebar-sections{display:flex;flex-direction:column;gap:1rem}.player-sidebar-section-group{display:flex;flex-direction:column;gap:.4rem}.player-section-group-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 .25rem}.player-sidebar-items-list{display:flex;flex-direction:column;gap:.25rem}.player-sidebar-slide-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:all .15s ease;-webkit-user-select:none;user-select:none}.player-sidebar-slide-item:hover{background:var(--surface-soft)}.player-sidebar-slide-item.is-active{background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 35%,transparent);border-left:3px solid var(--brand-strong)}.player-sidebar-slide-item.is-locked{opacity:.55;cursor:not-allowed}.slide-item-leading{display:grid;place-items:center;flex-shrink:0;width:20px;height:20px}.slide-green-checkmark{width:18px;height:18px;border-radius:50%;background:#10b98126;color:var(--success-strong);display:grid;place-items:center}:root[data-theme=dark] .slide-green-checkmark{background:#10b98140;color:var(--success-strong)}.slide-lock-icon,.slide-type-icon{color:var(--muted);display:grid;place-items:center}.icon-quiz{color:#9333ea}.icon-video{color:#0284c7}.icon-doc{color:var(--brand)}.slide-item-content{flex:1;min-width:0}.slide-item-title{font-size:.8125rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-sidebar-slide-item.is-active .slide-item-title{font-weight:700;color:var(--brand-strong)}.slide-completed-text-badge{font-size:.65rem;font-weight:700;color:var(--success-strong);background:#10b9811a;padding:.1rem .35rem;border-radius:4px;flex-shrink:0}.elearning-modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:1rem}.elearning-modal{width:100%;max-width:540px;background:var(--surface);border-radius:16px;border:1px solid var(--line);box-shadow:0 20px 40px #0003;display:flex;flex-direction:column;overflow:hidden}.elearning-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.elearning-modal-header h2{font-size:1.15rem;font-weight:700;margin:0}.elearning-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-height:70vh;overflow-y:auto}.elearning-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--line);background:var(--surface-soft);display:flex;justify-content:flex-end;gap:.75rem}@media(max-width:1100px){.elearning-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.elearning-player-layout{grid-template-columns:1fr}.welcome-banner-decoration{display:none}}@media(max-width:600px){.elearning-kpi-grid,.elearning-courses-grid{grid-template-columns:1fr}.welcome-banner-content h1{font-size:1.2rem}}@media(prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.course-detail-page{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:1380px;margin:0 auto;padding-bottom:2rem}.course-detail-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.course-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--muted);flex-wrap:wrap}.course-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .15s ease}.course-breadcrumb a:hover{color:var(--brand-strong)}.breadcrumb-separator{color:var(--line);font-size:.75rem}.breadcrumb-current{color:var(--text);font-weight:600;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-top-actions{display:flex;align-items:center;gap:.5rem}.btn-sm{padding:.4rem .8rem;font-size:.8125rem;display:inline-flex;align-items:center;gap:.4rem;border-radius:8px}.btn-xs{padding:.25rem .6rem;font-size:.75rem;display:inline-flex;align-items:center;gap:.35rem;border-radius:6px}.course-detail-grid{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;align-items:start}.course-detail-sidebar{position:sticky;top:1.25rem}.course-unified-sidebar-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 3px #0000000d;overflow:hidden;display:flex;flex-direction:column}.course-clean-cover{position:relative;width:100%;aspect-ratio:16 / 9;background:linear-gradient(135deg,#1e293b 0%,var(--text) 100%);overflow:hidden;display:flex;align-items:center;justify-content:center}.course-cover-img{width:100%;height:100%;object-fit:cover}.course-cover-artistic-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem;text-align:center;color:#e2e8f0;width:100%;height:100%;background:linear-gradient(135deg,var(--text) 0%,#1e293b 100%)}.cover-art-symbol{opacity:.75}.cover-art-label{font-size:.8125rem;font-weight:600;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.cover-status-tag{position:absolute;top:.65rem;left:.65rem;font-size:.7rem;font-weight:700;padding:.25rem .55rem;border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tag-success{background:#10b981e6;color:#fff}.tag-info{background:#0284c7e6;color:#fff}.tag-warning{background:#d97706e6;color:#fff}.tag-neutral{background:#334155d9;color:#f8fafc}.sidebar-action-section{padding:1.25rem;display:flex;flex-direction:column;gap:.9rem;border-bottom:1px solid var(--line)}.btn-cta-block{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;border-radius:8px;justify-content:center}.sidebar-restricted-note{font-size:.78rem;color:var(--muted);text-align:center;background:var(--surface-soft);padding:.6rem;border-radius:6px}.sidebar-progress-container{display:flex;flex-direction:column;gap:.4rem}.sidebar-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.progress-label{color:var(--muted);font-weight:500}.progress-percent-val{color:var(--text);font-weight:700}.clean-progress-track{height:6px;background:var(--surface-soft);border-radius:999px;overflow:hidden}.clean-progress-fill{height:100%;background:var(--brand-strong);border-radius:999px;transition:width .3s ease}.clean-progress-fill.is-completed{background:var(--success)}.progress-sub-text{font-size:.75rem;color:var(--muted)}.sidebar-certificate-box{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.25rem}.cert-box-title{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:700;color:var(--success-strong)}.cert-box-id{font-size:.72rem;color:var(--muted)}.cert-view-link{font-size:.75rem;font-weight:600;color:var(--brand-strong);text-decoration:none;margin-top:.2rem}.cert-view-link:hover{text-decoration:underline}.sidebar-deadline-info{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}.sidebar-deadline-info.is-overdue{color:#ef4444;font-weight:600}.sidebar-specs-section{padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.specs-section-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.clean-spec-list{display:flex;flex-direction:column;gap:.65rem}.clean-spec-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;padding-bottom:.5rem;border-bottom:1px dashed var(--line)}.clean-spec-row:last-child{border-bottom:none;padding-bottom:0}.spec-name{color:var(--muted);font-weight:500}.spec-val{color:var(--text);font-weight:600;display:flex;align-items:center;gap:.4rem;text-align:right}.clean-avatar-circle{width:22px;height:22px;border-radius:50%;background:var(--brand-soft);color:var(--brand-strong);display:inline-grid;place-items:center;font-size:.65rem;font-weight:800}.clean-avatar-circle.mini{width:28px;height:28px;font-size:.72rem}.instructor-text{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-tag-warning{color:var(--brand);font-weight:700}.text-tag-success{color:var(--success-strong);font-weight:700}.text-tag-neutral{color:var(--muted);font-weight:500}.course-detail-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.course-clean-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 1px 3px #0000000d}.course-tags-clean-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.clean-tag-chip{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:4px;background:var(--surface-soft);color:var(--muted);border:1px solid var(--line)}.course-clean-title{font-size:clamp(1.4rem,2.2vw,1.85rem);font-weight:800;color:var(--text);margin:0;line-height:1.3;letter-spacing:-.02em}.course-clean-meta-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--line)}.clean-rating-box{display:flex;align-items:center;gap:.4rem;font-size:.8125rem}.rating-stars-gold{color:var(--brand);font-size:.95rem;letter-spacing:.1em}.rating-stars-gold.small{font-size:.85rem}.rating-avg-number{font-weight:700;color:var(--text)}.rating-count-sub{color:var(--muted);font-size:.75rem}.btn-clean-link{background:none;border:none;color:var(--brand-strong);font-size:.78rem;font-weight:600;cursor:pointer;padding:0;margin-left:.4rem;text-decoration:underline}.btn-clean-link:hover{color:var(--brand)}.clean-meta-chips{display:flex;align-items:center;gap:.6rem}.meta-chip-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;color:var(--muted);background:var(--surface-soft);padding:.25rem .6rem;border-radius:6px;border:1px solid var(--line)}.clean-tabs-bar{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--line);overflow-x:auto}.clean-tab-item{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.clean-tab-item:hover{color:var(--text)}.clean-tab-item.is-active{color:var(--brand-strong);border-bottom-color:var(--brand-strong)}.tab-count-pill{font-size:.7rem;font-weight:700;padding:.1rem .45rem;border-radius:999px;background:var(--surface-soft);color:var(--muted)}.clean-tab-item.is-active .tab-count-pill{background:var(--brand-soft);color:var(--brand-strong)}.curriculum-tab-pane{display:flex;flex-direction:column;gap:1rem}.curriculum-filter-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.65rem 1rem}.clean-search-input-wrap{position:relative;flex:1;min-width:220px;max-width:320px}.search-svg{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.clean-search-input{width:100%;padding:.4rem .65rem .4rem 2rem;font-size:.8125rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;color:var(--text)}.clean-search-input:focus{outline:none;border-color:var(--brand);background:var(--surface)}.curriculum-filter-actions{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.clean-segment-control{display:inline-flex;background:var(--surface-soft);border:1px solid var(--line);border-radius:6px;padding:2px}.segment-btn{background:none;border:none;font-size:.75rem;font-weight:600;color:var(--muted);padding:.25rem .6rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.segment-btn.is-selected{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000d}.sections-accordion-stack{display:flex;flex-direction:column;gap:.75rem}.clean-section-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 2px #00000008}.clean-section-header{padding:.85rem 1.15rem;background:var(--surface-soft);display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.clean-section-header:hover{background:color-mix(in srgb,var(--surface-soft) 85%,var(--line))}.section-title-group{display:flex;align-items:center;gap:.5rem;min-width:0}.section-chevron{display:grid;place-items:center;color:var(--muted);transition:transform .2s ease}.section-chevron.is-expanded{transform:rotate(90deg)}.section-title-text{font-size:.9375rem;font-weight:700;color:var(--text)}.section-meta-group{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.section-lesson-count{font-size:.75rem;color:var(--muted)}.section-status-badge{font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}.section-status-badge.is-complete{background:#10b9811a;border-color:#10b9814d;color:var(--success-strong)}.clean-lessons-list{display:flex;flex-direction:column}.clean-lesson-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1.15rem;border-top:1px solid var(--line);background:var(--surface);cursor:pointer;transition:background-color .15s ease}.clean-lesson-row:hover{background:var(--surface-soft)}.clean-lesson-row.is-locked{opacity:.6;cursor:not-allowed}.lesson-row-left{display:flex;align-items:center;gap:.75rem;min-width:0;flex:1}.lesson-order-num{font-size:.75rem;font-weight:700;color:var(--muted);width:18px;text-align:center;flex-shrink:0}.lesson-soft-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.icon-type-video{background:#e0f2fe;color:#0284c7}.icon-type-quiz{background:#f3e8ff;color:#9333ea}.icon-type-document{background:#ffedd5;color:var(--brand)}.icon-type-article{background:#f1f5f9;color:var(--brand-grey)}:root[data-theme=dark] .icon-type-video{background:#0284c733;color:#38bdf8}:root[data-theme=dark] .icon-type-quiz{background:#9333ea33;color:#c084fc}:root[data-theme=dark] .icon-type-document{background:#ea580c33;color:var(--brand)}:root[data-theme=dark] .icon-type-article{background:#47556933;color:color-mix(in srgb,var(--brand-grey) 68%,white)}.lesson-text-block{display:flex;flex-direction:column;gap:.15rem;min-width:0}.lesson-primary-title{font-size:.875rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-sub-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--muted)}.clean-xp-chip{font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;background:var(--brand-soft);color:var(--brand-strong);border:1px solid #fde68a}:root[data-theme=dark] .clean-xp-chip{background:#d9770633;color:var(--brand);border-color:#d9770659}.clean-preview-chip{font-size:.68rem;font-weight:700;padding:.1rem .4rem;border-radius:4px;background:#e0e7ff;color:#4338ca}:root[data-theme=dark] .clean-preview-chip{background:#4338ca33;color:#a5b4fc}.lesson-row-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.clean-done-check{width:22px;height:22px;border-radius:50%;background:#10b98126;color:var(--success-strong);display:grid;place-items:center}.clean-lock-icon{color:var(--muted);display:grid;place-items:center}.btn-icon-action{background:none;border:1px solid var(--line);border-radius:6px;width:26px;height:26px;display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:all .15s ease}.btn-icon-action:hover{background:var(--surface-soft);color:var(--text);border-color:var(--brand)}.clean-empty-box{padding:2.5rem 1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.empty-icon-circle{width:44px;height:44px;border-radius:50%;background:var(--surface-soft);color:var(--muted);display:grid;place-items:center}.empty-heading{font-size:.9375rem;font-weight:700;color:var(--text)}.empty-desc{font-size:.8125rem;color:var(--muted);max-width:360px}.overview-tab-pane{display:flex;flex-direction:column;gap:1rem}.clean-content-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:1.25rem}.clean-video-frame{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden}.clean-video-frame iframe,.clean-video-frame video{width:100%;height:100%;border:none}.clean-section-heading{font-size:1.1rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.clean-rich-text{font-size:.875rem;line-height:1.65;color:var(--text)}.clean-rich-text p{margin:0 0 .75rem}.overview-highlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;border-top:1px solid var(--line);padding-top:1rem}.highlight-item{background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:.85rem;display:flex;flex-direction:column;gap:.25rem}.highlight-title{font-size:.8125rem;font-weight:700;color:var(--text)}.highlight-desc{font-size:.75rem;color:var(--muted);line-height:1.4}.reviews-tab-pane{display:flex;flex-direction:column;gap:1rem}.reviews-overview-card{display:flex;flex-direction:row;align-items:center;gap:2rem;flex-wrap:wrap}.score-display-box{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:120px}.large-score-num{font-size:2.75rem;font-weight:800;color:var(--text);line-height:1}.total-rating-caption{font-size:.75rem;color:var(--muted)}.score-distribution-bars{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.35rem}.dist-row{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--muted)}.dist-track{flex:1;height:6px;background:var(--surface-soft);border-radius:999px;overflow:hidden}.dist-fill{height:100%;background:var(--brand);border-radius:999px}.composer-title{font-size:.9375rem;font-weight:700;color:var(--text)}.rating-select-row{display:flex;align-items:center;gap:.6rem;font-size:.8125rem}.rating-select-label{color:var(--muted)}.interactive-stars{display:flex;align-items:center;gap:.25rem}.star-btn{font-size:1.25rem;color:var(--brand);opacity:.3;cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity .15s ease}.star-btn.is-filled{opacity:1}.rating-select-val{font-size:.75rem;font-weight:700;color:var(--brand-strong)}.clean-textarea{width:100%;padding:.65rem .85rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);font-size:.8125rem;font-family:inherit;resize:vertical}.clean-textarea:focus{outline:none;border-color:var(--brand)}.composer-action-row{display:flex;justify-content:flex-end}.reviews-feed{display:flex;flex-direction:column;gap:.75rem}.clean-review-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.review-meta-line{display:flex;justify-content:space-between;align-items:center}.reviewer-info{display:flex;align-items:center;gap:.6rem}.reviewer-name{font-size:.875rem;font-weight:700;color:var(--text);display:block}.review-date{font-size:.72rem;color:var(--muted)}.review-text-content{font-size:.8125rem;line-height:1.5;color:var(--text)}.quiz-history-tab-pane{display:flex;flex-direction:column;gap:1rem}.quiz-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.quiz-history-stat{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.quiz-history-stat strong{color:var(--text);font-size:1.35rem}.quiz-history-stat-label{color:var(--muted);font-size:.75rem;font-weight:600}.quiz-history-table-card{overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 3px #0000000d}.quiz-history-table-scroll{overflow-x:auto}.quiz-history-table{width:100%;border-collapse:collapse;min-width:850px;font-size:.8rem}.quiz-history-table th,.quiz-history-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.quiz-history-table th{color:var(--muted);background:var(--surface-soft);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}.quiz-history-table tbody tr:last-child td{border-bottom:0}.quiz-history-table tbody tr:hover{background:var(--surface-soft)}.quiz-learner-cell{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:600;white-space:nowrap}.quiz-name-cell{color:var(--text);font-weight:600;min-width:180px}.quiz-submitted-cell{color:var(--muted);white-space:nowrap}.quiz-result-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.quiz-result-badge.is-passed{color:#047857;background:#d1fae5}.quiz-result-badge.is-failed{color:#b91c1c;background:#fee2e2}:root[data-theme=dark] .quiz-result-badge.is-passed{color:var(--success-strong);background:#04785740}:root[data-theme=dark] .quiz-result-badge.is-failed{color:#fca5a5;background:#b91c1c40}.resources-tab-pane{display:flex;flex-direction:column;gap:1rem}.resources-grid-stack{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.clean-resource-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.resource-card-left{display:flex;align-items:center;gap:.6rem;min-width:0}.resource-file-icon{width:32px;height:32px;border-radius:6px;background:#ffedd5;color:var(--brand);display:grid;place-items:center;flex-shrink:0}:root[data-theme=dark] .resource-file-icon{background:#ea580c33;color:var(--brand)}.resource-file-name{font-size:.8125rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-source-ref{font-size:.72rem;color:var(--muted)}@media(max-width:980px){.course-detail-grid{grid-template-columns:1fr}.course-detail-sidebar{position:static}}@media(max-width:640px){.course-clean-hero{padding:1rem}.reviews-overview-card{flex-direction:column;align-items:flex-start}.quiz-history-summary{grid-template-columns:1fr}}.elearning-manage-page{display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem;max-width:1400px;margin:0 auto}.manage-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.page-title-block .page-title{font-size:1.625rem;font-weight:700;color:var(--text);margin:0 0 .25rem;letter-spacing:-.02em}.page-title-block .page-subtitle{font-size:.875rem;color:var(--muted);margin:0}.btn-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-weight:600}.manage-stats-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.metric-card:hover{border-color:var(--primary);transform:translateY(-1px)}.metric-label{font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:.04em;color:var(--muted)}.metric-value{font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.text-brand{color:var(--primary)}.manage-controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.filter-tabs-group{display:flex;gap:.35rem;background:var(--surface-soft);padding:.25rem;border-radius:8px;border:1px solid var(--line)}.filter-tab-chip{border:none;background:transparent;padding:.4rem .85rem;border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.filter-tab-chip:hover{color:var(--text)}.filter-tab-chip.is-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.search-input-wrap{position:relative;width:280px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.form-search{padding-left:2.25rem!important;font-size:.875rem!important;height:38px!important}.manage-table-container{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto;overflow-y:hidden;box-shadow:0 1px 4px #0000000a}.manage-table{width:100%;min-width:1120px;border-collapse:collapse;text-align:left;font-size:.875rem}.manage-table th{background:var(--surface-soft);color:var(--muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:.85rem 1.15rem;border-bottom:1px solid var(--line)}.manage-table td{padding:.95rem 1.15rem;border-bottom:1px solid var(--line);vertical-align:middle;color:var(--text)}.manage-table-row:hover td{background:var(--surface-soft)}.manage-table-row:last-child td{border-bottom:none}.course-cell-main{display:flex;align-items:center;gap:.85rem}.course-cell-avatar{width:38px;height:38px;border-radius:8px;background:var(--primary-soft, #eef2ff);color:var(--primary, #4f46e5);font-weight:700;font-size:1rem;display:grid;place-items:center;flex-shrink:0}.course-cell-text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.course-cell-title{font-weight:600;color:var(--text);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-cell-title:hover{color:var(--primary);text-decoration:underline}.course-cell-meta{font-size:.75rem;color:var(--muted)}.status-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease}.status-toggle-btn .status-dot{width:6px;height:6px;border-radius:50%}.status-toggle-btn.is-published{background:var(--success-soft);color:var(--success-strong);border-color:var(--success-soft)}.status-toggle-btn.is-published .status-dot{background:var(--success)}.status-toggle-btn.is-draft{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}.status-toggle-btn.is-draft .status-dot{background:var(--muted)}.status-toggle-btn:hover{opacity:.85}.content-count-badge{font-weight:600;color:var(--text)}.learners-link-badge{color:var(--text);text-decoration:none;font-weight:500}.learners-link-badge:hover{color:var(--primary);text-decoration:underline}.rules-badges-group{display:flex;gap:.35rem;flex-wrap:wrap}.rule-chip{font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;background:var(--surface-soft);border:1px solid var(--line);color:var(--text)}.rule-chip.chip-certificate{background:var(--brand-soft);color:var(--brand-strong);border-color:#fde68a}.row-actions-group{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;white-space:nowrap}.course-action-btn{min-height:32px;padding-inline:.7rem}.row-actions-group .btn-icon-action,.row-actions-group .btn-icon-danger{width:32px;height:32px;flex:0 0 32px;border-radius:6px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--muted);cursor:pointer;transition:all .15s ease}.btn-icon-action:hover{color:var(--text);border-color:var(--muted)}.row-actions-group .btn-icon-danger{color:var(--danger, #dc2626)}.row-actions-group .btn-icon-danger:hover{background:var(--danger-soft, #fef2f2);border-color:color-mix(in srgb,var(--danger, #dc2626) 35%,var(--line))}.course-builder-workspace{display:flex;flex-direction:column;min-height:calc(100vh - 60px);background:var(--bg)}.builder-workspace-header{position:static;background:var(--surface);border-bottom:1px solid var(--line);padding:.85rem 1.75rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.builder-header-left{display:flex;align-items:center;gap:1.25rem;min-width:0;flex:1}.builder-back-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;color:var(--muted);text-decoration:none;padding:.35rem .6rem;border-radius:6px;transition:background .15s ease}.builder-back-link:hover{background:var(--surface-soft);color:var(--text)}.builder-title-block{display:flex;align-items:center;gap:.85rem;min-width:0;flex:1}.builder-course-title-input{font-size:1.15rem;font-weight:700;color:var(--text);border:1px solid transparent;background:transparent;padding:.25rem .5rem;border-radius:6px;width:100%;max-width:480px;outline:none;transition:border-color .15s ease,background .15s ease}.builder-course-title-input:hover{border-color:var(--line);background:var(--surface-soft)}.builder-course-title-input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #4f46e51a}.builder-course-title-text{font-size:1.15rem;font-weight:700;color:var(--text);margin:0}.builder-header-badges{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.builder-status-pill{font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:9999px}.builder-status-pill.is-published{background:var(--success-soft);color:var(--success-strong)}.builder-status-pill.is-draft{background:var(--surface-soft);color:var(--muted);border:1px solid var(--line)}.save-state-text{font-size:.75rem;font-weight:500}.save-indicator.saved{color:var(--success-strong)}.save-indicator.dirty{color:var(--brand)}.save-indicator.saving{color:var(--primary)}.builder-header-right{display:flex;align-items:center;gap:.65rem}.builder-step-nav{display:flex;background:var(--surface);border-bottom:1px solid var(--line);padding:0 1.75rem;gap:.5rem;overflow-x:auto}.step-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.15rem;border:none;background:transparent;color:var(--muted);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap}.step-nav-btn:hover:not(.is-disabled){color:var(--text)}.step-nav-btn.is-active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.step-nav-btn.is-disabled{opacity:.5;cursor:not-allowed}.step-num{width:22px;height:22px;border-radius:50%;background:var(--surface-soft);border:1px solid var(--line);font-size:.75rem;font-weight:700;display:grid;place-items:center}.step-nav-btn.is-active .step-num{background:var(--primary);color:#fff;border-color:var(--primary)}.builder-main-body{padding:1.75rem;max-width:1200px;margin:0 auto;width:100%}.builder-step-content{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.75rem;box-shadow:0 1px 4px #0000000a}.course-curriculum-workspace{display:flex;flex-direction:column;gap:1.25rem}.curriculum-top-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.curriculum-stats{display:flex;gap:.75rem}.curriculum-stat-chip{font-size:.8125rem;color:var(--muted);background:var(--surface-soft);padding:.3rem .65rem;border-radius:6px;border:1px solid var(--line)}.curriculum-stat-chip strong{color:var(--text)}.curriculum-top-actions{display:flex;gap:.5rem}.curriculum-chapters-list{display:flex;flex-direction:column;gap:1.25rem}.curriculum-chapter-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.chapter-card-header{background:var(--surface-soft);padding:.75rem 1.15rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.chapter-title-group{display:flex;align-items:center;gap:.65rem}.chapter-badge{font-size:.72rem;font-weight:700;text-transform:uppercase;padding:.15rem .45rem;border-radius:4px;background:var(--primary-soft, #eef2ff);color:var(--primary, #4f46e5)}.chapter-title{font-size:.95rem;font-weight:600;color:var(--text);margin:0}.chapter-count-text{font-size:.75rem;color:var(--muted)}.chapter-actions{display:flex;gap:.35rem}.chapter-lessons-list{display:flex;flex-direction:column}.chapter-empty-lessons{padding:1.25rem;text-align:center;color:var(--muted);font-size:.875rem}.curriculum-lesson-row{display:flex;align-items:center;gap:.85rem;padding:.75rem 1.15rem;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s ease}.curriculum-lesson-row:hover{background:var(--surface-soft)}.curriculum-lesson-row.is-active-editing{background:var(--primary-soft, #f5f3ff);border-left:3px solid var(--primary)}.lesson-reorder-ctrl{display:flex;flex-direction:column;gap:2px}.btn-reorder{border:none;background:transparent;color:var(--muted);font-size:9px;line-height:1;padding:2px 4px;border-radius:2px;cursor:pointer}.btn-reorder:hover:not(:disabled){color:var(--text);background:var(--line)}.btn-reorder:disabled{opacity:.25;cursor:default}.lesson-info-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.lesson-row-title{font-size:.875rem;font-weight:600;color:var(--text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-row-meta{display:flex;align-items:center;gap:.65rem;font-size:.75rem;color:var(--muted)}.meta-tag-pill{background:var(--surface-soft);border:1px solid var(--line);padding:.1rem .4rem;border-radius:4px;font-size:.7rem}.lesson-row-actions{display:flex;align-items:center;gap:.5rem}.drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:100;display:flex;justify-content:flex-end}.drawer-panel{width:100%;max-width:680px;background:var(--surface);height:100%;display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026;animation:slideInRight .2s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.drawer-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--primary)}.drawer-title{font-size:1.15rem;font-weight:700;color:var(--text);margin:.2rem 0 0}.btn-close-drawer{border:none;background:transparent;color:var(--muted);font-size:1.25rem;cursor:pointer;line-height:1}.drawer-tabs{display:flex;padding:0 1.5rem;border-bottom:1px solid var(--line);background:var(--surface-soft);gap:.5rem}.drawer-tab-btn{border:none;background:transparent;padding:.65rem .85rem;font-size:.8125rem;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease}.drawer-tab-btn.is-active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary)}.drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.drawer-section-flow{display:flex;flex-direction:column;gap:1.25rem}.drawer-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.drawer-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;align-items:flex-end}.drawer-type-specific-card{background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.drawer-footer{padding:1rem 1.5rem;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-footer-right{display:flex;gap:.65rem}.visual-quiz-editor{display:flex;flex-direction:column;gap:1.5rem}.quiz-policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.quiz-questions-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.quiz-questions-summary{display:flex;align-items:center;gap:.75rem}.questions-count-badge{font-size:.875rem;font-weight:600;color:var(--text)}.passing-rule-badge{font-size:.75rem;font-weight:600;color:var(--success-strong);background:var(--success-soft);padding:.15rem .5rem;border-radius:4px}.quiz-questions-list{display:flex;flex-direction:column;gap:1rem}.quiz-question-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.question-card-header{display:flex;align-items:center;gap:.75rem}.question-idx-pill{font-size:.75rem;font-weight:700;background:var(--surface-soft);border:1px solid var(--line);padding:.3rem .6rem;border-radius:6px;color:var(--text);white-space:nowrap}.question-input-wrapper{flex:1}.question-text-input{font-weight:600!important}.question-answers-block{display:flex;flex-direction:column;gap:.65rem}.answers-group-label{font-size:.75rem;font-weight:600;color:var(--muted)}.answers-grid{display:flex;flex-direction:column;gap:.5rem}.quiz-answer-row{display:flex;align-items:center;gap:.65rem;padding:.4rem .65rem;border-radius:6px;border:1px solid var(--line);background:var(--surface);transition:all .15s ease}.quiz-answer-row.is-correct-row{background:var(--success-soft);border-color:var(--success-strong)}.answer-radio-label{display:flex;align-items:center;gap:.35rem;cursor:pointer}.answer-letter{font-size:.75rem;font-weight:700;color:var(--muted);width:14px}.is-correct-row .answer-letter{color:var(--success-strong)}.answer-text-input{border:none!important;background:transparent!important;padding:.25rem!important;font-size:.875rem!important}.answer-text-input:focus{outline:none!important}.btn-remove-answer{border:none;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:2px}.btn-remove-answer:hover{color:#dc2626}.btn-add-choice{border:1px dashed var(--line);background:transparent;color:var(--primary);font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;cursor:pointer;width:fit-content}.btn-add-choice:hover{background:var(--surface-soft)}.drawer-meta-section{display:flex;flex-direction:column;gap:1rem;background:var(--surface-soft);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.duration-input-wrapper{display:flex;align-items:center;gap:.75rem}.duration-hint-chip{font-size:.8125rem;color:var(--muted);font-weight:500;white-space:nowrap}.drawer-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:580px){.drawer-options-grid{grid-template-columns:1fr}}.drawer-option-card{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:all .15s ease}.drawer-option-card:hover{border-color:var(--primary)}.drawer-option-card.is-selected{border-color:color-mix(in srgb,var(--primary) 40%,var(--line));background:var(--surface)}.drawer-option-card .option-check{margin-top:.2rem;cursor:pointer;accent-color:var(--primary);width:16px;height:16px}.option-info{display:flex;flex-direction:column;gap:.15rem}.option-title{font-size:.875rem;font-weight:600;color:var(--text)}.option-desc{font-size:.75rem;color:var(--muted);line-height:1.35}.drawer-content-box{display:flex;flex-direction:column;gap:1rem}.content-editor-block{display:flex;flex-direction:column;gap:.65rem}.content-block-header{display:flex;justify-content:space-between;align-items:center}.article-textarea{font-family:inherit;font-size:.9rem;line-height:1.6;resize:vertical}.source-segmented-control{display:flex;gap:.5rem;background:var(--surface-soft);padding:.25rem;border-radius:8px;border:1px solid var(--line);width:fit-content}.segmented-btn{border:none;background:transparent;padding:.45rem .85rem;border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s ease}.segmented-btn.is-active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 3px #00000014}.upload-dropzone{border:2px dashed var(--line);border-radius:var(--radius);padding:1.5rem;text-align:center;background:var(--surface-soft);cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-dropzone:hover{border-color:var(--primary);background:var(--surface)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:.25rem}.dropzone-icon{font-size:1.75rem}.dropzone-title{font-size:.875rem;font-weight:600;color:var(--text)}.dropzone-hint{font-size:.75rem;color:var(--muted)}.uploaded-status-bar{font-size:.8125rem;padding:.4rem .85rem;background:var(--success-soft);color:var(--success-strong);border-radius:6px;border:1px solid var(--success-soft);width:100%}.quiz-switch-prompt{display:flex;gap:.85rem;align-items:flex-start;padding:1.25rem;background:var(--primary-soft, #eef2ff);border:1px solid var(--primary);border-radius:var(--radius)}.prompt-icon{font-size:1.5rem}.prompt-text strong{display:block;font-size:.95rem;color:var(--text);margin-bottom:.25rem}.prompt-text p{font-size:.825rem;color:var(--muted);margin:0}.course-builder-workspace{--builder-accent: var(--brand-strong);gap:0;padding-top:0;background:transparent}.builder-editor-chrome{width:100%;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 4px 16px #0f172a0b}.builder-workspace-header{position:static;padding:.65rem clamp(.75rem,1.6vw,1.25rem);border-bottom:1px solid #edf0f4;box-shadow:none}.builder-header-left{gap:.7rem}.builder-back-link{flex:0 0 auto;min-height:36px;padding:.4rem .65rem;border:1px solid var(--line);background:var(--surface-soft);font-weight:650}.builder-title-block{gap:.65rem}.builder-course-title-input{max-width:min(520px,40vw);min-height:38px;padding:.35rem .7rem;border-color:var(--line);background:var(--surface-soft);font-size:1rem}.builder-course-title-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent)}.builder-header-badges{gap:.4rem}.builder-status-pill{padding:.22rem .55rem}.builder-header-right{gap:.45rem;flex:0 0 auto}.builder-header-right .btn{min-height:36px;padding:.42rem .75rem;white-space:nowrap}.builder-step-nav{justify-content:flex-start;gap:0;padding:0 clamp(.5rem,1.5vw,1.15rem);border-bottom:0;background:var(--surface)}.step-nav-btn{min-width:0;flex:1 0 auto;justify-content:center;padding:.6rem .75rem;border:0;border-bottom:2px solid transparent;border-radius:0}.step-nav-btn.is-active{color:var(--brand-strong);border-bottom-color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 65%,transparent);box-shadow:none}.step-nav-btn.is-active .step-num{background:var(--brand-soft);color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.builder-main-body{max-width:1280px;padding:1.25rem clamp(1rem,3vw,2.5rem) 3rem}.builder-step-content{padding:clamp(1.25rem,2.5vw,2rem);border-radius:16px;box-shadow:0 8px 24px #0f172a0b}.builder-step-content:has(.course-curriculum-workspace){padding:1.25rem}.communication-section-wrap{margin-top:1rem}.course-builder-workspace .form-control{min-height:42px;border-color:#d9e1ec;background:#fff}.course-builder-workspace textarea.form-control{min-height:132px}.course-builder-workspace .form-label,.course-builder-workspace .builder-label{line-height:1.35}.course-builder-workspace .text-muted,.course-builder-workspace .form-hint{line-height:1.45}.drawer-backdrop{background:#0f172a85;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:160}.drawer-panel{width:min(920px,60vw);max-width:100vw;border-radius:18px 0 0 18px;overflow:hidden;box-shadow:-16px 0 48px #0f172a2e}.drawer-header{padding:1.35rem 1.75rem 1.15rem;background:var(--surface)}.drawer-eyebrow{color:var(--brand-strong);letter-spacing:.09em}.drawer-title{margin-top:.35rem;font-size:1.35rem;max-width:min(680px,72vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-close-drawer{width:36px;height:36px;display:grid;place-items:center;border-radius:9px}.btn-close-drawer:hover{color:var(--text);background:var(--surface-soft)}.drawer-tabs{padding:0 1.75rem;gap:1.25rem;background:#f8fafc}.drawer-tab-btn{padding:.85rem .25rem}.drawer-tab-btn.is-active{color:var(--text);border-bottom-color:var(--brand-strong)}.drawer-body{padding:1.5rem 1.75rem 2.5rem;scrollbar-gutter:stable}.drawer-section-flow{gap:1.1rem}.drawer-meta-section{gap:.85rem;padding:1rem;background:#f8fafc;border-radius:12px}.duration-input-wrapper .form-control{max-width:260px}.drawer-option-card{min-height:82px;padding:.9rem}.drawer-option-card:hover,.drawer-option-card.is-selected{border-color:color-mix(in srgb,var(--brand) 50%,var(--line))}.drawer-option-card.is-selected{background:color-mix(in srgb,var(--brand-soft) 28%,var(--surface))}.drawer-option-card .option-check{accent-color:var(--brand-strong)}.drawer-footer{padding:.9rem 1.75rem;background:#fffffff5;box-shadow:0 -8px 24px #0f172a0b}.drawer-footer .btn{min-height:40px;padding:.58rem 1rem}.drawer-footer .btn-primary{min-width:132px;background:var(--brand-strong);color:#fff;border-color:var(--brand-strong)}.drawer-field-error{display:block;margin-top:.3rem;color:var(--danger);font-size:.76rem;font-weight:650;line-height:1.35}.lesson-preview-btn,.drawer-preview-btn{color:var(--brand-strong)}.primary-content-badge{padding:.18rem .5rem;border-radius:999px;color:var(--brand-strong);background:var(--brand-soft);font-size:.7rem;font-weight:700;white-space:nowrap}.resource-purpose-note{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border:1px solid color-mix(in srgb,var(--brand) 38%,var(--line));border-radius:10px;color:var(--text);background:color-mix(in srgb,var(--brand-soft) 45%,var(--surface))}.resource-purpose-icon{font-size:1.15rem;line-height:1.25}.resource-purpose-note strong{display:block;margin-bottom:.2rem;font-size:.87rem}.resource-purpose-note p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.form-control.has-error,.upload-dropzone.has-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 12%,transparent)}.quiz-switch-prompt{padding:1rem;background:#fffbeb;border-color:#fde68a}.visual-quiz-editor{gap:1.25rem}.quiz-policy-grid{gap:1rem 1.25rem;padding:1.25rem;background:#f8fafc;border-radius:12px}.quiz-policy-heading{grid-column:1 / -1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.quiz-policy-heading h4{margin:0;color:var(--text);font-size:1rem}.quiz-policy-heading p{margin:.3rem 0 0;color:var(--muted);font-size:.8rem}.quiz-policy-summary{padding:.3rem .6rem;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:.72rem;font-weight:700;white-space:nowrap}.quiz-questions-bar{padding:.15rem 0 .85rem}.quiz-question-card{gap:1.1rem;padding:1.15rem;border-radius:12px;box-shadow:0 3px 12px #0f172a09}.question-idx-pill{color:var(--brand-strong);background:var(--brand-soft);border-color:transparent}.answers-group-label{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;color:var(--text);font-size:.8rem}.answers-group-label span{color:var(--muted);font-size:.72rem;font-weight:500}.quiz-answer-row{min-height:46px;padding:.35rem .75rem;border-radius:9px}.quiz-answer-row.is-correct-row{background:var(--success-soft);border-color:var(--success-strong);box-shadow:inset 3px 0 0 var(--success)}.btn-add-choice{color:var(--brand-strong)}@media(max-width:960px){.builder-workspace-header{align-items:stretch;flex-wrap:wrap}.builder-header-right{width:100%;justify-content:flex-end}.builder-title-block{align-items:center;flex-direction:row;gap:.45rem}.step-nav-btn{min-width:max-content}}@media(max-width:720px){.course-builder-workspace{padding-top:0}.builder-editor-chrome{width:100%;border-radius:10px}.builder-workspace-header{position:static;align-items:stretch;flex-direction:column}.builder-header-left{align-items:flex-start}.builder-back-link{padding-inline:.55rem}.builder-course-title-input{max-width:100%;font-size:1rem}.builder-title-block{align-items:flex-start;flex-direction:column}.builder-header-right{justify-content:flex-end}.builder-step-nav{justify-content:flex-start;scroll-snap-type:x proximity}.step-nav-btn{min-width:155px;scroll-snap-align:center}.builder-main-body{padding:1rem .75rem 2rem}.builder-step-content,.builder-step-content:has(.course-curriculum-workspace){padding:1rem;border-radius:14px}.curriculum-top-bar{align-items:stretch}.curriculum-top-actions{display:grid;grid-template-columns:1fr 1fr}.curriculum-lesson-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;padding:.8rem}.lesson-reorder-ctrl{display:none}.lesson-type-badge-wrap{grid-column:1}.lesson-info-content{grid-column:2}.lesson-row-title{white-space:normal}.lesson-row-meta{flex-wrap:wrap;gap:.3rem .5rem}.lesson-row-actions{grid-column:3;gap:.3rem}.lesson-row-actions .status-pill{display:none}.chapter-add-lesson-bar{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;padding:.75rem}.add-prompt-text{grid-column:1 / -1}.btn-quick-add{min-width:0;padding:.4rem .5rem}.drawer-panel{width:100%;max-width:100%;border-radius:0}.drawer-header,.drawer-body,.drawer-footer{padding-inline:1rem}.drawer-tabs{padding-inline:1rem;overflow-x:auto}.drawer-grid-2,.quiz-policy-grid,.drawer-options-grid{grid-template-columns:1fr}.question-card-header{align-items:stretch;flex-wrap:wrap}.question-input-wrapper{min-width:calc(100% - 100px)}}.course-workspace-mode .course-builder-workspace,.course-workspace-mode .course-detail-page{flex:1;min-height:0;height:100%;max-width:none;overflow:hidden;padding-bottom:0}.course-workspace-mode .course-builder-workspace{display:flex;flex-direction:column}.course-workspace-mode .builder-editor-chrome{flex:0 0 auto}.course-workspace-mode .builder-main-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;width:100%;max-width:none;box-sizing:border-box;padding:clamp(.75rem,1.6vw,1.5rem)}.course-workspace-mode .course-detail-page{display:flex;flex-direction:column;gap:.75rem}.course-workspace-mode .course-detail-top-bar{flex:0 0 auto}.course-workspace-mode .course-detail-grid{flex:1;min-height:0;grid-template-columns:clamp(240px,23vw,320px) minmax(0,1fr);gap:clamp(.75rem,1.5vw,1.5rem);align-items:stretch;overflow:hidden}.course-workspace-mode .course-detail-sidebar,.course-workspace-mode .course-detail-main{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.course-workspace-mode .course-detail-sidebar{position:static}@media(max-width:980px){.course-workspace-mode>.content{overflow-y:auto;overscroll-behavior:contain}.course-workspace-mode .course-builder-workspace,.course-workspace-mode .course-detail-page{height:auto;min-height:100%;overflow:visible}.course-workspace-mode .builder-main-body,.course-workspace-mode .course-detail-grid,.course-workspace-mode .course-detail-sidebar,.course-workspace-mode .course-detail-main{overflow:visible}.course-workspace-mode .course-detail-grid{display:grid;grid-template-columns:1fr}}.clean-modal-backdrop{position:fixed;inset:0;background:#0006;z-index:120;display:grid;place-items:center;padding:1rem}.clean-modal-card{width:100%;max-width:480px;background:var(--surface);border-radius:var(--radius);box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:modalScaleUp .18s ease}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-card-header{padding:1.15rem 1.35rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-card-header h3{font-size:1.05rem;font-weight:700;color:var(--text);margin:0}.btn-close-modal{border:none;background:transparent;font-size:1.25rem;color:var(--muted);cursor:pointer}.modal-card-body{padding:1.35rem}.modal-card-footer{padding:1rem 1.35rem;border-top:1px solid var(--line);background:var(--surface-soft);display:flex;justify-content:flex-end;gap:.65rem}@media(max-width:850px){.elearning-player-layout{grid-template-columns:minmax(0,1fr)}.elearning-player-sidebar{position:static;min-width:0;max-height:none}}@media(max-width:600px){.lesson-player-page{gap:1rem}.elearning-player-main,.elearning-player-sidebar{padding:.75rem}.lesson-header-left,.lesson-back-link{min-width:0;overflow-wrap:anywhere}.lesson-back-link svg{flex-shrink:0}.lesson-header-title{font-size:1.15rem}.lesson-footer-actions{flex-wrap:wrap;width:100%}.lesson-footer-actions>*{max-width:100%;white-space:normal}.document-top-action-bar{flex-direction:column;align-items:stretch;gap:.6rem;padding:.75rem}.document-top-action-bar .btn{white-space:normal;text-align:center}.elearning-embed-wrapper{min-height:0;height:clamp(240px,55dvh,480px)}.elearning-embed-wrapper>div{width:100%!important;height:100%!important;min-height:0!important;padding:0!important}.document-content-frame{height:clamp(240px,55dvh,480px)}.elearning-video-wrapper>div{position:absolute;inset:0;width:100%!important;height:100%!important;padding:0!important}.infographic-stage{min-height:0;padding:.5rem;max-height:65dvh}.infographic-image-element{max-height:60dvh}.elearning-article-wrapper{padding:.75rem}}.project-page{padding:1.5rem;max-width:1800px;margin:0 auto}.misa-workspace{--misa-sidebar: 286px;display:grid;grid-template-columns:var(--misa-sidebar) minmax(0,1fr);min-height:calc(100vh - 68px);background:#eef1f5;transition:grid-template-columns .2s ease}.misa-workspace.sidebar-collapsed{--misa-sidebar: 76px}.misa-sidebar{position:sticky;top:68px;z-index:12;height:calc(100vh - 68px);display:flex;flex-direction:column;overflow:hidden;color:#f4f7fb;background:linear-gradient(180deg,#111827,#0a1220 58%,#09101b);box-shadow:8px 0 25px #0f172a1a}.misa-sidebar-brand{min-height:74px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:.7rem;padding:.75rem 1rem;border-bottom:1px solid rgb(255 255 255 / 8%)}.misa-product-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#1ea7fd,#377dff);color:#fff;box-shadow:0 8px 20px #1ea7fd47;font-size:1.25rem;font-weight:900}.misa-sidebar-brand div{min-width:0;display:grid}.misa-sidebar-brand strong{font-size:1rem}.misa-sidebar-brand small{margin-top:.15rem;color:#91a0b5;font-size:.68rem}.misa-sidebar-brand button{border:0;background:transparent;color:#9ca9bb;font-size:1.55rem;cursor:pointer}.misa-primary-nav{display:grid;padding:.65rem 0;border-bottom:1px solid rgb(255 255 255 / 8%)}.misa-primary-nav a{min-height:47px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:.55rem;padding:.45rem 1.15rem;color:#d8e0eb;text-decoration:none;border-left:3px solid transparent}.misa-primary-nav a:hover,.misa-primary-nav a.active{color:#fff;background:#ffffff1a;border-left-color:#3aa8ff}.misa-primary-nav a span{font-size:1.4rem;text-align:center}.misa-primary-nav a b{font-size:.9rem;font-weight:650}.misa-sidebar-search{display:grid;grid-template-columns:25px 1fr;align-items:center;margin:.75rem 1rem .35rem;padding:.45rem .55rem;border-bottom:1px solid #425066;color:#9ba8ba}.misa-sidebar-search input{min-width:0;padding:.2rem!important;border:0!important;border-radius:0!important;outline:0;color:#fff;background:transparent!important;box-shadow:none!important}.misa-sidebar-search input::placeholder{color:#91a0b5}.misa-project-group{display:grid;padding:.45rem .7rem}.misa-project-group>header{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:.35rem;padding:.5rem;color:#cbd5e1}.misa-project-group>header strong{font-size:.86rem}.misa-project-group>header small{color:#8090a5}.misa-project-group>a{min-height:39px;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.42rem .55rem .42rem .8rem;border-radius:7px;color:#d4dce8;font-size:.8rem}.misa-project-group>a:hover,.misa-project-group>a.active{color:#fff;background:#ffffff1a}.misa-project-group>a i{width:8px;height:8px;border-radius:2px;background:linear-gradient(90deg,#35d07f var(--project-progress, 100%),#64748b var(--project-progress, 100%))}.misa-project-group>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.misa-project-group>a b{color:#ffc928}.misa-project-group>a small{color:#8998aa}.misa-project-group>p{padding:.5rem .8rem;color:#77869a;font-size:.75rem}.misa-project-group.all-projects{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#45546a transparent}.misa-sidebar>footer{display:grid;gap:.25rem;margin-top:auto;padding:.6rem;border-top:1px solid rgb(255 255 255 / 8%);background:#00000024}.misa-sidebar>footer>a,.misa-user{min-height:42px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:.5rem;padding:.35rem .65rem;border-radius:7px;color:#d4dce8}.misa-sidebar>footer>a:hover{color:#fff;background:#ffffff17}.misa-user i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;color:#fff;background:#2f8de4;font-style:normal;font-weight:800}.misa-sidebar>footer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.sidebar-collapsed .misa-sidebar-brand div,.sidebar-collapsed .misa-primary-nav b,.sidebar-collapsed .misa-sidebar-search input,.sidebar-collapsed .misa-project-group strong,.sidebar-collapsed .misa-project-group small,.sidebar-collapsed .misa-project-group>a span,.sidebar-collapsed .misa-project-group>a b,.sidebar-collapsed .misa-project-group>p,.sidebar-collapsed .misa-sidebar>footer b{display:none}.sidebar-collapsed .misa-sidebar-brand{grid-template-columns:42px;justify-content:center;padding-inline:.5rem}.sidebar-collapsed .misa-sidebar-brand button{position:absolute;right:1px;transform:rotate(180deg)}.sidebar-collapsed .misa-primary-nav a{grid-template-columns:1fr;padding-inline:.6rem}.sidebar-collapsed .misa-sidebar-search{grid-template-columns:1fr;justify-items:center;margin-inline:.8rem}.sidebar-collapsed .misa-project-group>header{grid-template-columns:1fr;justify-items:center}.sidebar-collapsed .misa-project-group>a{grid-template-columns:1fr;justify-items:center;padding-inline:.4rem}.sidebar-collapsed .misa-sidebar>footer>a,.sidebar-collapsed .misa-user{grid-template-columns:1fr;justify-items:center}.misa-main{min-width:0;display:flex;flex-direction:column}.misa-commandbar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1.15rem;border-bottom:1px solid #dce2e9;background:#fff;box-shadow:0 2px 10px #0f172a0a}.misa-command-context{display:flex;align-items:center;gap:.55rem;color:#64748b}.misa-command-context strong{color:#1f2937}.misa-command-context small{overflow:hidden;max-width:280px;text-overflow:ellipsis;white-space:nowrap}.misa-command-actions{display:flex;align-items:center;gap:.5rem}.misa-command-actions>a{min-height:37px;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .8rem;border-radius:999px;font-size:.79rem;font-weight:700}.misa-guide-button{border:1px solid #2697ec;color:#1687dd;background:#fff}.misa-create-button{color:#fff;background:#168fe5;box-shadow:0 5px 13px #168fe538}.misa-create-button b{padding-left:.4rem;border-left:1px solid rgb(255 255 255 / 25%)}.misa-command-actions>button{width:35px;height:35px;border:0;border-radius:50%;color:#637083;background:transparent;font-size:1.1rem;cursor:pointer}.misa-command-actions>button:hover{background:#eef4f8;color:#168fe5}.misa-view{min-width:0;flex:1}.misa-overview{min-height:calc(100vh - 126px);display:grid;grid-template-columns:minmax(0,1fr) 350px;color:#e8eef6;background:#08111d}.misa-overview>.state-panel{grid-column:1 / -1;align-self:center}.misa-overview-stage{position:relative;min-width:0;min-height:720px;overflow:hidden;padding:2rem clamp(1.25rem,4vw,4rem);background:radial-gradient(circle at 72% 42%,rgb(30 105 160 / 34%),transparent 31%),radial-gradient(circle at 30% 72%,rgb(33 72 125 / 32%),transparent 36%),linear-gradient(145deg,#07101b,#0a1d31 55%,#07111c)}.misa-overview-stage:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgb(255 255 255 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 3%) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 25%,black 70%,transparent);mask-image:linear-gradient(to bottom,transparent,black 25%,black 70%,transparent)}.misa-ambient{position:absolute;border-radius:50%;filter:blur(40px);opacity:.38}.ambient-one{width:280px;height:280px;right:8%;top:19%;background:#106a9c}.ambient-two{width:230px;height:230px;left:20%;bottom:4%;background:#392e8d}.misa-welcome{position:absolute;left:clamp(1.25rem,4vw,4rem);bottom:2.2rem;z-index:2;display:grid}.misa-welcome p{margin:0 0 .35rem;color:#c6d0dd}.misa-welcome strong{font-size:clamp(3.2rem,7vw,6rem);font-weight:300;letter-spacing:-.06em;line-height:1}.misa-welcome span{margin-top:.6rem;color:#97a8bb;font-size:.83rem;text-transform:capitalize}.misa-reminder-card{position:relative;z-index:2;width:min(500px,64%);margin:1rem auto 0;overflow:hidden;border-radius:18px;color:#29394c;background:#fffffff7;box-shadow:0 28px 70px #00000061}.misa-reminder-card>header{min-height:55px;display:grid;grid-template-columns:34px 1fr 30px;align-items:center;gap:.45rem;padding:.65rem 1.1rem;color:#fff;background:linear-gradient(90deg,#20cbdd,#609ce7 52%,#ad79e8)}.misa-reminder-card>header span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#1167d0}.misa-reminder-card>header button{border:0;background:transparent;color:#fff;cursor:pointer;font-size:1.1rem}.misa-reminder-body{display:grid;gap:1.15rem;padding:1.15rem 1.4rem .9rem}.misa-reminder-body section{display:grid;grid-template-columns:31px 1fr;gap:.65rem}.reminder-icon{font-size:1.15rem}.reminder-icon.green{color:#3cae53}.reminder-icon.purple{color:#7069e8}.reminder-icon.orange{color:#f59e0b}.misa-reminder-body h3{margin:0 0 .35rem;font-size:.88rem}.misa-reminder-body p,.misa-reminder-body ul{margin:0;color:#66768a;font-size:.78rem;line-height:1.5}.misa-reminder-body b{color:#168fe5}.misa-reminder-card>footer{padding:.75rem 1.4rem;border-top:1px solid #e8edf2;text-align:right}.misa-reminder-card>footer button{border:0;color:#168fe5;background:transparent;cursor:pointer;font-size:.76rem;font-weight:700}.misa-overview-stats{position:relative;z-index:2;width:min(690px,86%);display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.3rem auto}.misa-overview-stats article{position:relative;padding:.75rem 1rem;border:1px solid rgb(255 255 255 / 12%);border-radius:12px;background:#081423b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.misa-overview-stats span{display:block;color:#96a9bd;font-size:.68rem}.misa-overview-stats strong{display:block;margin-top:.25rem;font-size:1.4rem}.misa-overview-stats i{position:absolute;right:.8rem;bottom:.7rem;color:#39c887;font-style:normal}.misa-overview-stats article.warning i,.misa-overview-stats article.warning strong{color:#ff6473}.misa-todo-panel{min-width:0;height:calc(100vh - 126px);overflow-y:auto;padding:1.15rem;color:#243247;background:#f5f7fa}.misa-todo-panel>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.misa-todo-panel>header div{display:flex;gap:.45rem;align-items:center}.misa-todo-panel>header span{min-width:23px;height:23px;display:grid;place-items:center;border-radius:999px;color:#fff;background:#168fe5;font-size:.68rem}.misa-todo-panel>header button{border:0;background:transparent;color:#55657a;cursor:pointer}.misa-todo-section{display:grid;gap:.65rem;margin-bottom:1rem}.misa-todo-section h2{display:flex;align-items:center;gap:.4rem;margin:0;padding:.55rem .75rem;border-radius:9px;font-size:.8rem;background:#e7eef5}.misa-todo-section h2 b{margin-left:auto}.misa-todo-section.overdue h2{color:#e9485c;background:#ffe4e7}.misa-todo-section>button{display:grid;gap:.35rem;padding:.8rem;border:1px solid #dce3eb;border-radius:10px;color:#273548;background:#fff;text-align:left;cursor:pointer;box-shadow:0 4px 13px #0f172a0d}.misa-todo-section>button:hover{border-color:#168fe5;transform:translateY(-1px)}.misa-todo-section>button strong{font-size:.8rem;line-height:1.35}.misa-todo-section>button small{color:#78879a}.misa-todo-section>button footer{display:flex;align-items:center;justify-content:space-between;margin-top:.25rem}.misa-todo-section>button footer i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:#358ce0;font-style:normal;font-size:.68rem;font-weight:800}.misa-todo-section>button footer span{color:#e9485c;font-size:.7rem}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.project-toolbar h1{margin:.15rem 0 0;font-size:clamp(1.55rem,3vw,2.25rem)}.project-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.project-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem;margin-bottom:1rem}.project-card{min-height:138px;display:flex;flex-direction:column;gap:.55rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:.18s ease}.project-card:hover,.project-card.selected{border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow)}.project-card.selected{box-shadow:inset 0 3px 0 var(--brand),var(--shadow)}.project-card-top,.project-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.project-card-top strong{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card small{color:var(--muted)}.project-progress{height:7px;border-radius:999px;background:var(--surface-soft);overflow:hidden;margin-top:auto}.project-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#8b5cf6)}.project-card-new{align-items:center;justify-content:center;border-style:dashed;color:var(--brand);font-weight:750;background:color-mix(in srgb,var(--brand) 4%,var(--surface))}.project-filterbar{display:grid;grid-template-columns:minmax(190px,260px) minmax(220px,1fr) auto;gap:.7rem;align-items:center;margin:1rem 0}.segmented{display:inline-flex;padding:.25rem;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.segmented button{border:0;border-radius:7px;padding:.48rem .7rem;background:transparent;cursor:pointer;color:var(--muted)}.segmented button.active{background:var(--brand);color:var(--on-brand)}.task-kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,340px);gap:.8rem;overflow-x:auto;align-items:start;padding-bottom:1rem}.task-column{min-height:320px;border:1px solid var(--line);border-radius:14px;padding:.7rem;background:color-mix(in srgb,var(--surface) 80%,var(--bg))}.task-column>header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.55rem;padding:.35rem .3rem .75rem}.task-column>header span{font-weight:800}.task-column>header span i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-right:.5rem}.task-column>header b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--surface-soft);color:var(--muted);font-size:.75rem}.task-column>header button,.task-add{border:0;background:transparent;cursor:pointer;color:var(--muted)}.task-card{width:100%;display:grid;gap:.55rem;margin-bottom:.6rem;padding:.9rem;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left;cursor:pointer;box-shadow:var(--shadow)}.task-card:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line))}.task-card>strong{line-height:1.35}.task-card>small{color:var(--muted)}.task-priority{width:max-content;padding:.22rem .42rem;border-radius:5px;color:var(--muted);background:var(--surface-soft);font-size:.69rem;font-weight:750}.task-priority.p-1{color:#9a5b00;background:#fff0c2}.tag-row{display:flex;gap:.3rem;flex-wrap:wrap}.tag-row span{padding:.18rem .42rem;border-radius:999px;background:color-mix(in srgb,var(--brand) 11%,var(--surface));color:var(--brand);font-size:.68rem}.task-card footer{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.72rem}.avatars{display:flex}.avatars i{display:grid;place-items:center;width:25px;height:25px;margin-left:-5px;border:2px solid var(--surface);border-radius:50%;background:var(--brand);color:var(--on-brand);font-style:normal;font-weight:800}.task-add{width:100%;padding:.7rem;border-radius:8px;text-align:left}.task-add:hover{background:var(--surface-soft);color:var(--brand)}.table-card,.card-panel{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);overflow:auto}.table-card tbody tr{cursor:pointer}.table-card tbody tr:hover{background:var(--surface-soft)}.table-card.flat{border:0;border-radius:0;box-shadow:none}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#0f172a94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal.project-modal{width:min(760px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 30px 80px #0000004d}.modal.project-modal.compact{width:min(620px,100%)}.modal.project-modal>header,.modal.project-modal>footer{display:flex;align-items:center;gap:.65rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.modal.project-modal>header h2{flex:1;margin:0}.modal.project-modal>header>button{border:0;background:transparent;font-size:1.7rem;cursor:pointer;color:var(--muted)}.modal.project-modal>.form-grid{padding:1.2rem}.modal.project-modal>footer{justify-content:flex-end;border-top:1px solid var(--line);border-bottom:0}.modal.project-modal>footer span{flex:1}.form-grid .span-2{grid-column:1 / -1}.form-grid label.check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center}.form-grid select[multiple]{min-height:92px}.form-grid label>small{color:var(--muted);font-weight:400}.back-link{border:0;background:transparent;color:var(--muted);padding:0;cursor:pointer}.task-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}.task-main{padding:1.2rem;overflow:visible}.task-sidebar{display:grid;gap:1rem}.task-sidebar .card-panel{padding:1rem;overflow:visible}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.panel-title h2{margin:0 0 .25rem;font-size:1.05rem}.panel-title p{color:var(--muted);margin:0}.button.small{padding:.42rem .58rem;font-size:.75rem}.chatter{margin-top:1.5rem;padding-top:1.3rem;border-top:1px solid var(--line)}.chatter h2{font-size:1.1rem}.comment-box{display:grid;justify-items:end;gap:.5rem}.message{display:grid;grid-template-columns:38px 1fr;gap:.7rem;padding:1rem 0;border-bottom:1px solid var(--line)}.message .avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--brand) 15%,var(--surface));color:var(--brand);font-weight:800}.message header{display:flex;justify-content:space-between;gap:1rem}.message time{color:var(--muted);font-size:.75rem}.message img{max-width:100%}.quiet-empty{padding:1.2rem 0;color:var(--muted);text-align:center}.activity-item{display:grid;grid-template-columns:10px 1fr auto;gap:.65rem;align-items:start;padding:.8rem 0;border-bottom:1px solid var(--line)}.activity-dot{width:9px;height:9px;margin-top:.35rem;border-radius:50%;background:var(--brand)}.activity-item p{margin:.2rem 0;color:var(--muted);font-size:.82rem}.activity-item small{color:var(--muted)}.activity-item>button{border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--success);cursor:pointer}.facts dl{margin:0}.facts dl div{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--line)}.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:750}.settings-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:1rem}.settings-nav{display:grid;gap:.4rem;align-content:start}.settings-nav button{display:grid;gap:.25rem;padding:.85rem;border:1px solid transparent;border-radius:11px;background:transparent;text-align:left;cursor:pointer}.settings-nav button small{color:var(--muted);line-height:1.35}.settings-nav button:hover,.settings-nav button.active{border-color:var(--line);background:var(--surface)}.settings-nav button.active{box-shadow:inset 3px 0 var(--brand);color:var(--brand)}.settings-content{min-height:420px}.settings-content>.panel-title{padding:1.1rem;border-bottom:1px solid var(--line)}.color-swatch{display:inline-block;width:12px;height:12px;margin-right:.4rem;border-radius:3px;background:hsl(calc(var(--tag-color, 0) * 30) 65% 55%)}.row-actions{white-space:nowrap;text-align:right}.row-actions button{border:0;background:transparent;color:var(--brand);cursor:pointer}.row-actions .danger-link{color:var(--danger)}.report-filter label{display:grid;gap:.35rem;min-width:240px;color:var(--muted);font-size:.78rem;font-weight:700}.report-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}.report-metrics article{position:relative;padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.report-metrics article span{color:var(--muted);font-size:.78rem}.report-metrics article strong{display:block;margin-top:.4rem;font-size:1.8rem}.report-metrics article small{position:absolute;right:1rem;bottom:1rem;color:var(--success-strong);font-weight:800}.report-metrics article.alert{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}.report-metrics article.alert strong{color:var(--danger)}.report-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(500px,1.2fr);gap:1rem;margin-bottom:1rem}.report-card{overflow:hidden}.report-card>.panel-title{padding:1rem;border-bottom:1px solid var(--line)}.stage-bars{display:grid;gap:1rem;padding:1rem}.stage-bars>div>header{display:flex;justify-content:space-between;margin-bottom:.38rem;font-size:.82rem}.stage-bars>div>header span{color:var(--muted)}.stage-bars>div>span{display:block;height:9px;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.stage-bars>div>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#8b5cf6)}.overdue-card{margin-bottom:1rem}.overdue-date{color:var(--danger);font-weight:750}@media(max-width:980px){.task-detail-grid,.settings-layout{grid-template-columns:1fr}.settings-nav{grid-template-columns:repeat(2,1fr)}.project-filterbar{grid-template-columns:1fr 1fr}.project-filterbar .segmented{grid-column:1 / -1;justify-self:end}}@media(max-width:980px){.report-grid{grid-template-columns:1fr}.report-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:1120px){.misa-overview{grid-template-columns:1fr 310px}.misa-reminder-card{width:min(480px,80%)}}@media(max-width:880px){.misa-workspace{--misa-sidebar: 76px}.misa-sidebar-brand div,.misa-primary-nav b,.misa-sidebar-search input,.misa-project-group strong,.misa-project-group small,.misa-project-group>a span,.misa-project-group>a b,.misa-project-group>p,.misa-sidebar>footer b{display:none}.misa-sidebar-brand{grid-template-columns:42px;justify-content:center;padding-inline:.5rem}.misa-sidebar-brand button{display:none}.misa-primary-nav a,.misa-sidebar>footer>a,.misa-user{grid-template-columns:1fr;justify-items:center;padding-inline:.4rem}.misa-sidebar-search,.misa-project-group>header,.misa-project-group>a{grid-template-columns:1fr;justify-items:center}.misa-overview{grid-template-columns:1fr}.misa-todo-panel{height:auto;max-height:620px}.misa-overview-stage{min-height:680px}.misa-command-context small,.misa-guide-button{display:none!important}}@media(max-width:650px){.project-page{padding:.8rem}.project-toolbar{align-items:flex-start;flex-direction:column}.project-filterbar,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.settings-nav{grid-template-columns:1fr}.project-actions{width:100%}.project-actions .button{flex:1}.report-metrics{grid-template-columns:1fr 1fr}.report-filter,.report-filter label{width:100%}.misa-commandbar{padding-inline:.65rem}.misa-command-actions>button,.misa-command-context span{display:none}.misa-create-button span{display:none}.misa-overview-stage{min-height:620px;padding:1rem}.misa-reminder-card{width:100%;margin-top:.25rem}.misa-overview-stats{width:100%;grid-template-columns:1fr}.misa-welcome{display:none}}.helpdesk-page{min-height:calc(100vh - 126px);padding:1.25rem}.helpdesk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.helpdesk-metrics article{padding:1rem;border:1px solid var(--line);border-radius:13px;background:var(--surface);box-shadow:var(--shadow)}.helpdesk-metrics span{color:var(--muted);font-size:.78rem}.helpdesk-metrics strong{display:block;margin-top:.35rem;font-size:1.65rem}.helpdesk-metrics article.alert{border-color:color-mix(in srgb,var(--danger) 55%,var(--line))}.helpdesk-metrics article.alert strong{color:var(--danger)}.helpdesk-page .task-priority.p-2{color:#b42318;background:#fee4e2}.helpdesk-readonly{min-height:240px}.helpdesk-readonly h2,.helpdesk-files h2{margin-top:0;font-size:1rem}.helpdesk-files{padding:1rem}.helpdesk-files>header{display:flex;align-items:center;justify-content:space-between}.helpdesk-files>header h2{margin:0}.helpdesk-files>header span{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));font-size:.75rem;font-weight:800}.helpdesk-files>a{display:flex;justify-content:space-between;gap:.5rem;padding:.65rem 0;border-bottom:1px solid var(--line);color:var(--text)}.helpdesk-files>a small{color:var(--muted);white-space:nowrap}.helpdesk-create-page{width:min(1040px,100%);margin:0 auto;padding-top:.8rem}.helpdesk-create-header{display:grid;grid-template-columns:170px 1fr 170px;align-items:center;max-width:920px;margin:0 auto .8rem}.helpdesk-create-header .back-link{justify-self:start}.helpdesk-create-header>div{grid-column:2;text-align:center}.helpdesk-create-header h1{margin:.18rem 0 .25rem;font-size:clamp(1.65rem,3vw,2.15rem)}.helpdesk-create-header>div>p:last-child{margin:0;color:var(--muted);font-size:.84rem}.helpdesk-request-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:.9rem;max-width:920px;margin:0 auto;padding:1.25rem 1.4rem;overflow:visible}.helpdesk-request-form label{display:grid;gap:.45rem;font-size:.84rem;font-weight:750}.helpdesk-request-form .field-label{color:var(--text)}.helpdesk-request-form .field-label b{color:var(--danger)}.helpdesk-request-form label small{color:var(--muted);font-weight:450}.helpdesk-request-form .wide{grid-column:1 / -1}.helpdesk-request-form textarea{min-height:112px}.helpdesk-request-form footer{display:flex;justify-content:flex-end;gap:.65rem;padding-top:0}.helpdesk-selected-files{display:flex;flex-wrap:wrap;gap:.45rem}.helpdesk-selected-files span{padding:.4rem .6rem;border-radius:8px;background:var(--surface-soft);color:var(--muted);font-size:.76rem}.helpdesk-detail-page{max-width:1420px;margin:0 auto}.helpdesk-detail-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.15rem}.helpdesk-detail-header h1{max-width:850px;margin:.32rem 0 0;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.2}.helpdesk-ticket-code{display:inline-flex;margin-top:1rem;padding:.26rem .5rem;border-radius:6px;color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));font-size:.73rem;font-weight:850;letter-spacing:.05em}.danger-text{color:var(--danger)!important}.helpdesk-status-track{display:grid;grid-template-columns:repeat(var(--stage-count, 4),minmax(120px,1fr));margin-bottom:1.15rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);overflow-x:auto}.helpdesk-status-track button{position:relative;min-width:130px;display:grid;justify-items:center;gap:.45rem;border:0;color:var(--muted);background:transparent;cursor:pointer}.helpdesk-status-track button:before,.helpdesk-status-track button:after{content:"";position:absolute;top:16px;width:calc(50% - 18px);height:3px;background:var(--line)}.helpdesk-status-track button:before{left:0}.helpdesk-status-track button:after{right:0}.helpdesk-status-track button:first-child:before,.helpdesk-status-track button:last-child:after{display:none}.helpdesk-status-track button.complete:before,.helpdesk-status-track button.complete:after,.helpdesk-status-track button.current:before{background:var(--brand)}.helpdesk-status-track button:disabled{cursor:default;opacity:1}.status-dot{position:relative;z-index:1;display:grid;place-items:center;width:33px;height:33px;border:3px solid var(--line);border-radius:50%;background:var(--surface);font-size:.72rem;font-weight:850}.complete .status-dot{border-color:var(--brand);color:var(--on-brand);background:var(--brand)}.current .status-dot{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand) 14%,transparent)}.status-name{font-size:.78rem;font-weight:700;text-align:center;white-space:nowrap}.current .status-name{color:var(--text);font-weight:850}.helpdesk-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:1rem;align-items:start}.helpdesk-detail-main,.helpdesk-detail-aside{display:grid;gap:1rem}.helpdesk-content-card,.helpdesk-conversation,.helpdesk-summary-card{padding:1.15rem;overflow:visible}.helpdesk-content-card>header,.helpdesk-conversation>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.helpdesk-content-card h2,.helpdesk-conversation h2,.helpdesk-summary-card h2{margin:0;font-size:1.02rem}.helpdesk-content-card header p{margin:.25rem 0 0;color:var(--muted);font-size:.78rem}.helpdesk-conversation>header span{color:var(--muted);font-size:.75rem}.helpdesk-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.helpdesk-edit-form label{display:grid;gap:.38rem;color:var(--muted);font-size:.76rem;font-weight:700}.helpdesk-edit-form .wide{grid-column:1 / -1}.helpdesk-description-text{min-height:150px;padding:1rem;border-radius:10px;background:var(--surface-soft);line-height:1.7;white-space:pre-wrap}.helpdesk-comment-box{display:grid;gap:.55rem;justify-items:end}.helpdesk-comment-box textarea{width:100%}.helpdesk-composer-tools{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.7rem}.helpdesk-attach-button{position:relative;display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .65rem;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--surface);cursor:pointer;font-size:.76rem;font-weight:700}.helpdesk-attach-button:hover{border-color:var(--brand);color:var(--brand)}.helpdesk-attach-button input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.helpdesk-message-attachments{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.65rem}.helpdesk-message-attachments a{color:var(--text);text-decoration:none}.message-image{width:min(240px,100%);display:grid;gap:.3rem}.message-image img{width:100%;max-height:180px;object-fit:cover;border:1px solid var(--line);border-radius:9px;background:var(--surface-soft)}.message-image span{color:var(--muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-file{display:flex;align-items:center;gap:.45rem;min-width:210px;padding:.55rem .65rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.message-file span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700}.message-file small{color:var(--muted);font-size:.68rem}.helpdesk-summary-card dl{margin:.8rem 0 0}.helpdesk-summary-card dl div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:.7rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.helpdesk-summary-card dl div:last-child{border-bottom:0}.helpdesk-summary-card dt{color:var(--muted);font-size:.76rem}.helpdesk-summary-card dd{margin:0;overflow-wrap:anywhere;font-size:.79rem;font-weight:720}.helpdesk-summary-card dd a{color:var(--brand);text-decoration:none}.helpdesk-summary-card dd a:hover{text-decoration:underline}.helpdesk-activities{padding:1rem}.helpdesk-activities>header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.helpdesk-activities>header h2{margin:0;font-size:1rem}.helpdesk-activities>article{display:grid;grid-template-columns:10px minmax(0,1fr) 28px;gap:.55rem;align-items:start;padding:.75rem 0;border-bottom:1px solid var(--line)}.helpdesk-activities>article:last-child{border-bottom:0}.helpdesk-activities article p{margin:.18rem 0;font-size:.76rem}.helpdesk-activities article small{color:var(--muted);font-size:.68rem}.helpdesk-activities article>button{display:grid;place-items:center;width:27px;height:27px;border:1px solid var(--line);border-radius:50%;color:var(--success);background:var(--surface);cursor:pointer}.helpdesk-permission-list{display:grid}.helpdesk-permission-list article{display:grid;grid-template-columns:38px minmax(180px,1fr) minmax(180px,230px) 150px;align-items:center;gap:.8rem;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.permission-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--on-brand);background:var(--brand);font-size:.8rem;font-weight:850}.helpdesk-permission-list article>div:nth-child(2){display:grid;gap:.2rem}.helpdesk-permission-list small,.permission-hint{color:var(--muted);font-size:.72rem}.permission-hint{text-align:right}@media(max-width:980px){.helpdesk-detail-grid{grid-template-columns:1fr}.helpdesk-detail-aside{grid-template-columns:1fr 1fr}.helpdesk-permission-list article{grid-template-columns:38px 1fr minmax(170px,220px)}.permission-hint{display:none}}@media(max-width:760px){.helpdesk-metrics{grid-template-columns:repeat(2,1fr)}.helpdesk-page{padding:.8rem}.helpdesk-create-header{grid-template-columns:1fr;gap:.8rem}.helpdesk-create-header>div{grid-column:1;text-align:left}.helpdesk-request-form{grid-template-columns:1fr;padding:1rem}.helpdesk-request-form .wide{grid-column:auto}.helpdesk-detail-header{align-items:flex-start;flex-direction:column}.helpdesk-edit-form{grid-template-columns:1fr}.helpdesk-edit-form .wide{grid-column:auto}.helpdesk-detail-aside{grid-template-columns:1fr}.helpdesk-status-track{padding-inline:.5rem}.helpdesk-permission-list article{grid-template-columns:36px 1fr}.helpdesk-permission-list select{grid-column:1 / -1}}.helpdesk-period{display:flex;align-items:center;gap:.6rem;color:var(--muted);font-size:.8rem;flex-wrap:wrap}.helpdesk-period select{width:auto;max-width:100%}.process-page{padding:28px;max-width:1500px;margin:auto}.process-page.narrow{max-width:980px}.process-heading,.workspace-header,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.process-heading h1,.workspace-header h1{margin:3px 0 6px;font-size:30px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#2563eb}.panel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#dce1e8);border-radius:14px;padding:20px;box-shadow:0 2px 8px #10243e0b}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:18px}.metric-grid article{background:linear-gradient(145deg,#fff,#f5f8ff);border:1px solid #dfe7f4;border-radius:12px;padding:16px;display:flex;flex-direction:column}.metric-grid strong{font-size:25px;color:#17345c}.metric-grid span{font-size:12px;color:#657287}.filter-bar{display:flex;gap:10px;margin-bottom:16px}.filter-bar input{flex:1}.process-page input,.process-page select,.process-page textarea{border:1px solid #cbd5e1;border-radius:8px;padding:9px 11px;background:#fff;color:#172033;min-width:0}.process-page textarea{min-height:82px;resize:vertical}.btn{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:8px 13px;cursor:pointer}.btn.primary{background:#215fcb;color:#fff;border-color:#215fcb}.btn.danger,.text-danger{color:#b42318}.btn.small{padding:5px 9px;font-size:12px}.btn:disabled{opacity:.55;cursor:not-allowed}.table-wrap{overflow:auto;padding:0}.table-wrap table{border-collapse:collapse;width:100%;min-width:820px}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid #e8ecf2;padding:13px}.table-wrap th{font-size:12px;color:#657287}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.link{border:0;background:none;color:#215fcb;font-weight:700;cursor:pointer}.status-chip{font-size:12px;background:#edf2f7;border-radius:999px;padding:5px 9px}.status-chip[data-state=published],.status-chip[data-state=confirmed]{background:#dcfce7;color:#166534}.status-chip[data-state=review]{background:#fef3c7;color:#92400e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:650}.form-grid .wide,.form-grid footer{grid-column:1/-1}.form-grid footer,.wizard footer{display:flex;justify-content:flex-end;align-items:center;gap:12px}.consent{flex-direction:row!important;align-items:center}.consent input{width:auto}.upload-list p,.card-list article,.entity-list article{display:flex;justify-content:space-between;gap:14px;padding:13px;border-bottom:1px solid #e8ecf2}.card-list article{flex-direction:column}.studio-tabs{display:flex;overflow:auto;gap:4px;border-bottom:1px solid #dce1e8;margin-bottom:16px}.studio-tabs button{white-space:nowrap;border:0;background:none;padding:11px 13px;color:#667085;cursor:pointer}.studio-tabs button.active{color:#215fcb;border-bottom:3px solid #215fcb;font-weight:700}.sequence{display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;background:#e9f0ff;color:#215fcb;border-radius:8px;margin-right:10px}.entity-list small{display:block;color:#667085;margin:4px 0 0 39px}.icon-btn{border:0;background:#eef2f6;border-radius:6px;padding:5px 8px;cursor:pointer}.flow{max-width:620px;margin:20px auto}.flow article{display:flex;flex-direction:column;align-items:center;border:1px solid #bfd0ea;border-radius:12px;padding:14px;margin-bottom:28px;position:relative}.flow i{position:absolute;bottom:-25px;font-style:normal;color:#215fcb}.validation{display:grid;gap:8px;margin-top:18px}.finding{text-align:left;border:1px solid #dce1e8;border-radius:9px;background:#fff;padding:11px;display:grid;grid-template-columns:180px 1fr}.finding.error{border-left:4px solid #dc2626}.finding.warning{border-left:4px solid #d97706}.counts{display:flex;gap:8px;flex-wrap:wrap}.counts span{background:#eff4fb;padding:7px 10px;border-radius:8px}.timeline p{display:flex;flex-direction:column;border-left:2px solid #c9d7ec;padding:4px 0 14px 14px}.timeline span{color:#667085;font-size:12px}.alert{background:#eff6ff;color:#1e40af;padding:10px 13px;border-radius:8px}.alert.error{background:#fef2f2;color:#b42318}@media(max-width:800px){.process-page{padding:16px}.process-heading,.workspace-header,.section-head{flex-direction:column}.form-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.entity-list article{align-items:flex-start;flex-direction:column}}.analysis-result{background:#f7f9fc;border:1px solid #dce5f2;border-radius:10px;padding:14px;margin-bottom:16px}.analysis-result pre{max-height:260px;overflow:auto;white-space:pre-wrap;font-size:12px;background:#132238;color:#e9f1ff;padding:12px;border-radius:8px}.misa-config{display:grid;gap:18px}.misa-config select[multiple]{min-height:110px}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#0f172a94}.modal-card{width:min(720px,96vw);max-height:90vh;overflow:auto;padding:24px;border-radius:16px;background:#fff;box-shadow:0 24px 80px #0f172a4d}.modal-card.wide-modal{width:min(980px,96vw)}.modal-card footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.misa-config .check{display:flex;flex-direction:row;align-items:center;gap:8px}.misa-config .check input{min-width:auto}.btn.btn-primary{color:#fff;background:var(--brand-strong);border-color:var(--brand-strong)}.btn.btn-primary:hover:not(:disabled){color:var(--on-brand);background:var(--brand);border-color:var(--brand)}
