:root{--colour-bg: #f4f5fb;--colour-surface: #ffffff;--colour-surface-2: #f0f1f7;--colour-border: #d6d9e4;--colour-text: #1c2130;--colour-text-muted: #5b6274;--colour-primary: #0f2c4a;--colour-primary-hover: #17436e;--colour-primary-soft: #e9eef5;--colour-accent: #86bf3f;--colour-danger: #dc2626;--colour-danger-hover: #b91c1c;--colour-success: #15803d;--colour-warn: #c07408;--colour-error-bg: #fdecec;--colour-success-bg: #eafaf0;--shadow: 0 4px 16px rgba(28, 33, 48, .08);--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 16px rgba(16, 24, 40, .06);--shadow-hover: 0 14px 30px rgba(16, 24, 40, .13)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--colour-bg: #12141c;--colour-surface: #1c1f2b;--colour-surface-2: #242838;--colour-border: #3a3f52;--colour-text: #e8eaf2;--colour-text-muted: #a3a9bd;--colour-primary: #7fa8db;--colour-primary-hover: #97b9e4;--colour-primary-soft: #223049;--colour-accent: #a6d95a;--colour-danger: #f87171;--colour-danger-hover: #fca5a5;--colour-success: #4ade80;--colour-warn: #e0a94a;--colour-error-bg: #3a2226;--colour-success-bg: #1d3327;--shadow: 0 4px 16px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .32);--shadow-hover: 0 14px 30px rgba(0, 0, 0, .5)}}:root[data-theme=dark]{--colour-bg: #12141c;--colour-surface: #1c1f2b;--colour-surface-2: #242838;--colour-border: #3a3f52;--colour-text: #e8eaf2;--colour-text-muted: #a3a9bd;--colour-primary: #7fa8db;--colour-primary-hover: #97b9e4;--colour-primary-soft: #223049;--colour-accent: #a6d95a;--colour-danger: #f87171;--colour-danger-hover: #fca5a5;--colour-success: #4ade80;--colour-warn: #e0a94a;--colour-error-bg: #3a2226;--colour-success-bg: #1d3327;--shadow: 0 4px 16px rgba(0, 0, 0, .4);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .32);--shadow-hover: 0 14px 30px rgba(0, 0, 0, .5)}html[data-font-size=compact]{font-size:14px}html[data-font-size=medium]{font-size:16px}html[data-font-size=large]{font-size:18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:var(--colour-bg);color:var(--colour-text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}button,a,select,label.checkbox-label,input[type=checkbox]{cursor:pointer}a.text-link{color:var(--colour-primary);text-decoration:none}a.text-link:hover{text-decoration:underline;color:var(--colour-primary-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.95rem;font-weight:600;border-radius:8px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.btn-sm{padding:.35rem .8rem;font-size:.85rem}.btn-primary{background:var(--colour-primary);border-color:var(--colour-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--colour-primary-hover);border-color:var(--colour-primary-hover)}.btn-secondary{background:var(--colour-surface);border-color:var(--colour-border);color:var(--colour-text)}.btn-secondary:hover:not(:disabled){background:var(--colour-surface-2);border-color:var(--colour-primary)}.btn-danger{background:var(--colour-danger);border-color:var(--colour-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--colour-danger-hover);border-color:var(--colour-danger-hover)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary,:root:not([data-theme=light]) .btn-danger{color:#12141c}}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .btn-danger{color:#12141c}:root[data-accent] .btn-primary,:root[data-accent] .side-cta{color:#fff}.field{margin-bottom:1rem}.field-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.inline-create{display:flex;gap:.4rem;margin-top:.4rem}.inline-create .field-input{flex:1}.field-label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.3rem}.required-mark{color:var(--colour-danger)}.field-input{width:100%;padding:.55rem .75rem;font-size:.95rem;border:1px solid var(--colour-border);border-radius:8px;background:var(--colour-surface);color:var(--colour-text)}.field-input::placeholder{color:var(--colour-text-muted)}.field-input:focus{outline:none;border-color:var(--colour-primary);box-shadow:0 0 0 3px var(--colour-primary-soft)}.field-input-error{border-color:var(--colour-danger)}.field-input:disabled{opacity:.6;cursor:not-allowed;background:var(--colour-surface-2)}.field-error{color:var(--colour-danger);font-size:.82rem;margin-top:.3rem}.password-wrap{position:relative}.password-wrap .field-input{padding-right:2.6rem}.password-toggle{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--colour-text-muted);display:flex;align-items:center;padding:.2rem}.password-toggle:hover{color:var(--colour-primary)}.checkbox-label{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem}.checkbox-label input[type=checkbox]{accent-color:var(--colour-primary);width:1rem;height:1rem}.form-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.auth-card{width:100%;max-width:430px;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:14px;box-shadow:var(--shadow);padding:2rem}.auth-logo{font-size:1.6rem;font-weight:800;color:var(--colour-primary);text-align:center;margin-bottom:1rem}.auth-title{font-size:1.3rem;margin-bottom:.35rem}.auth-subtitle{color:var(--colour-text-muted);font-size:.9rem;margin-bottom:1.4rem}.auth-row{display:flex;align-items:center;justify-content:space-between;margin:.4rem 0 1.2rem;gap:.6rem;flex-wrap:wrap}.auth-footer{text-align:center;font-size:.9rem;color:var(--colour-text-muted);margin-top:1.4rem}.loading-text{color:var(--colour-text-muted)}.company-select-list{display:flex;flex-direction:column;gap:.7rem}.company-select-card{display:flex;align-items:center;gap:.9rem;width:100%;padding:.85rem 1rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:10px;color:var(--colour-text);text-align:left;transition:border-color .15s ease,background .15s ease}.company-select-card:hover:not(:disabled){border-color:var(--colour-primary);background:var(--colour-primary-soft)}.company-select-card:disabled{opacity:.4;cursor:not-allowed}.company-select-info{display:flex;flex-direction:column;flex:1;min-width:0}.company-select-name{font-weight:700;overflow-wrap:anywhere}.company-select-role{font-size:.82rem;color:var(--colour-text-muted)}.company-select-arrow{color:var(--colour-primary);font-weight:700}.company-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:8px;background:var(--colour-primary);color:#fff;font-weight:700}.company-avatar-lg{width:2.5rem;height:2.5rem;font-size:1.1rem}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .company-avatar{color:#12141c}}:root[data-theme=dark] .company-avatar{color:#12141c}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem 1rem;background:var(--colour-surface);border-bottom:1px solid var(--colour-border);position:sticky;top:0;z-index:40}.app-header-left{display:flex;align-items:center;gap:.7rem}.app-header-right{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;justify-content:flex-end}.app-logo{font-size:1.2rem;font-weight:800;color:var(--colour-text);letter-spacing:-.01em}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(150deg,#1c4a79,#0f2c4a);color:#fff;font-weight:800;font-size:1rem;box-shadow:0 2px 8px #0f2c4a59}.header-search{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;background:var(--colour-surface-2);border:1px solid var(--colour-border);border-radius:999px;color:var(--colour-text-muted);min-width:150px}.header-search:hover{border-color:var(--colour-primary);color:var(--colour-text)}.header-search-label{font-size:.88rem;flex:1;text-align:left}.header-search-kbd{font-size:.7rem;font-weight:600;padding:.05rem .35rem;border-radius:5px;background:var(--colour-surface);border:1px solid var(--colour-border);color:var(--colour-text-muted)}.hamburger{display:none;background:none;border:1px solid var(--colour-border);border-radius:6px;color:var(--colour-text);font-size:1.1rem;padding:.2rem .55rem}.hamburger:hover{border-color:var(--colour-primary);color:var(--colour-primary)}.user-chip{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;min-width:0}.user-chip-name{font-weight:600;font-size:.9rem;white-space:nowrap}.user-chip-role{font-size:.75rem;color:var(--colour-text-muted);white-space:nowrap}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:8px;color:var(--colour-text)}.header-icon-btn:hover,.header-icon-btn[aria-expanded=true]{border-color:var(--colour-primary);color:var(--colour-primary)}.header-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:12px;box-shadow:var(--shadow);padding:.4rem;z-index:70}.header-menu-title{padding:.5rem .6rem .6rem;display:flex;flex-direction:column}.header-menu-title strong{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--colour-text-muted)}.header-menu-title span{font-size:.8rem;color:var(--colour-text-muted)}.font-size-switcher{position:relative}.font-size-trigger{display:inline-flex;align-items:baseline;font-weight:800;line-height:1}.fs-big{font-size:1.05rem}.fs-small{font-size:.75rem}.font-size-menu{min-width:250px}.font-size-option{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .6rem;background:none;border:1px solid transparent;border-radius:8px;color:var(--colour-text);text-align:left}.font-size-option:hover{background:var(--colour-surface-2)}.font-size-option.active{background:var(--colour-primary-soft);border-color:var(--colour-primary)}.fs-glyph{width:28px;text-align:center;font-weight:800;color:var(--colour-primary);flex-shrink:0}.fs-info{display:flex;flex-direction:column;flex:1}.fs-label{font-weight:600}.fs-desc{font-size:.8rem;color:var(--colour-text-muted)}.fs-on{font-size:.72rem;font-weight:800;color:var(--colour-primary);letter-spacing:.05em}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:999px;color:var(--colour-text)}.user-menu-trigger:hover{border-color:var(--colour-primary)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:50%;background:var(--colour-primary);color:#fff;font-weight:700}.user-avatar-lg{width:2.6rem;height:2.6rem;font-size:1.1rem}.user-menu-dropdown{min-width:260px}.user-menu-head{display:flex;gap:.7rem;align-items:center;padding:.6rem;border-bottom:1px solid var(--colour-border);margin-bottom:.4rem}.user-menu-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-menu-info strong{overflow-wrap:anywhere}.user-menu-email{font-size:.8rem;color:var(--colour-text-muted);overflow-wrap:anywhere}.user-menu-info .state-badge{align-self:flex-start;margin-top:.1rem}.user-menu-company{font-size:.8rem;color:var(--colour-text-muted);padding:0 .6rem .4rem}.user-menu-actions{display:flex;flex-direction:column;gap:.15rem}.user-menu-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .6rem;background:none;border:none;border-radius:8px;color:var(--colour-text);text-align:left;font-size:.92rem}.user-menu-item:hover{background:var(--colour-surface-2)}.user-menu-item-danger{color:var(--colour-danger)}.user-menu-item-danger:hover{background:var(--colour-error-bg)}.theme-switcher{display:inline-flex;border:1px solid var(--colour-border);border-radius:8px;overflow:hidden}.theme-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--colour-surface);border:none;color:var(--colour-text-muted);padding:.35rem .5rem}.theme-btn:hover{background:var(--colour-surface-2);color:var(--colour-text)}.theme-btn.active{background:var(--colour-primary);color:#fff}.accent-switcher{position:relative}.accent-trigger{padding:0}.accent-dot{display:inline-block;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--colour-surface),0 0 0 1px var(--colour-border)}.accent-menu{min-width:210px}.accent-swatches{display:flex;flex-wrap:wrap;gap:.55rem;padding:.4rem .6rem .6rem}.accent-swatch{width:28px;height:28px;border-radius:50%;border:none;box-shadow:0 0 0 1px var(--colour-border);transition:transform .12s ease,box-shadow .12s ease}.accent-swatch:hover{transform:scale(1.12)}.accent-swatch.active{box-shadow:0 0 0 2px var(--colour-surface),0 0 0 4px var(--colour-text)}.app-body{display:flex;flex:1;min-height:0}.app-sidebar{width:240px;flex-shrink:0;background:var(--colour-surface);border-right:1px solid var(--colour-border);padding:1rem .8rem;display:flex;flex-direction:column;gap:1rem;position:sticky;top:57px;height:calc(100vh - 57px);overflow-y:auto}.app-nav{display:flex;flex-direction:column;gap:.25rem}.nav-link{display:block;padding:.55rem .8rem;border-radius:8px;color:var(--colour-text);text-decoration:none;font-weight:500}button.nav-link{width:100%;text-align:left;border:none;background:none;font-family:inherit;font-size:inherit}.nav-link:hover{background:var(--colour-surface-2)}.nav-link.active{background:var(--colour-primary-soft);color:var(--colour-primary);font-weight:700}.app-main{flex:1;min-width:0;padding:1.4rem}.sidebar-brand{width:256px;background:var(--colour-surface);border-right:1px solid var(--colour-border);color:var(--colour-text);padding:1rem .7rem .8rem;gap:.75rem}.sidebar-brand .company-switcher-trigger{background:var(--colour-surface-2)}.side-cta{width:100%;gap:.45rem;border-radius:10px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .12s ease}.side-cta:hover{transform:translateY(-1px)}.side-cta svg{width:16px;height:16px}.side-nav{display:flex;flex-direction:column;gap:.15rem;flex:1}.side-link,.side-group-btn{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .7rem;border-radius:9px;color:var(--colour-text);text-decoration:none;font-weight:500;font-size:.93rem;background:none;border:1px solid transparent;text-align:left;transition:background .15s ease,color .15s ease,border-color .15s ease}.side-link:hover,.side-group-btn:hover{background:var(--colour-surface);border-color:var(--colour-border)}.side-link-ico{display:inline-flex;color:var(--colour-text-muted);flex-shrink:0}.side-link.active{background:var(--colour-primary-soft);color:var(--colour-primary);font-weight:700;border-color:var(--colour-primary)}.side-link.active .side-link-ico{color:var(--colour-primary)}.side-group-label{flex:1}.side-group-btn.current{color:var(--colour-primary)}.side-caret{font-size:.7rem;color:var(--colour-text-muted);transition:transform .18s ease}.side-group.open .side-caret{transform:rotate(90deg)}.side-group-items{display:flex;flex-direction:column;gap:.1rem;margin:.1rem 0 .25rem;padding-left:1.7rem;position:relative}.side-group-items:before{content:"";position:absolute;left:1.05rem;top:.2rem;bottom:.2rem;width:1px;background:var(--colour-border)}.side-item{padding:.42rem .7rem;border-radius:8px;color:var(--colour-text-muted);text-decoration:none;font-size:.88rem;font-weight:500;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}.side-item:hover{background:var(--colour-surface);color:var(--colour-text);border-color:var(--colour-border)}.side-item.active{background:var(--colour-primary-soft);color:var(--colour-primary);font-weight:600;border-color:var(--colour-primary)}.side-foot{display:flex;flex-direction:column;gap:.1rem;padding:.6rem .7rem .2rem;border-top:1px solid var(--colour-border);margin-top:auto}.side-foot-user{font-size:.85rem;font-weight:600;color:var(--colour-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-foot-co{font-size:.76rem;color:var(--colour-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:200}.cmdk{width:min(560px,92vw);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:14px;box-shadow:0 24px 60px #0000004d;overflow:hidden}.cmdk-input-row{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid var(--colour-border);color:var(--colour-text-muted)}.cmdk-input{flex:1;border:none;background:none;color:var(--colour-text);font-size:1rem;outline:none}.cmdk-esc{font-size:.7rem;padding:.1rem .4rem;border:1px solid var(--colour-border);border-radius:5px;color:var(--colour-text-muted)}.cmdk-list{max-height:46vh;overflow-y:auto;padding:.4rem}.cmdk-empty{padding:1rem;color:var(--colour-text-muted);font-size:.9rem}.cmdk-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.6rem .7rem;background:none;border:none;border-radius:8px;color:var(--colour-text);text-align:left}.cmdk-item.active{background:var(--colour-primary-soft)}.cmdk-item-label{font-weight:500}.cmdk-item-group{font-size:.78rem;color:var(--colour-text-muted)}.company-switcher{position:relative}.company-switcher-trigger{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .7rem;background:var(--colour-surface-2);border:1px solid var(--colour-border);border-radius:10px;color:var(--colour-text);font-weight:600;text-align:left}.company-switcher-trigger:hover:not(:disabled){border-color:var(--colour-primary)}.company-switcher-trigger:disabled{opacity:.4;cursor:not-allowed}.company-switcher-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{font-size:.6rem;color:var(--colour-text-muted);transition:transform .15s ease}.chevron-open{transform:rotate(180deg)}.company-switcher-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:10px;box-shadow:var(--shadow);padding:.4rem;z-index:50;display:flex;flex-direction:column;gap:.2rem}.company-switcher-item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .6rem;background:none;border:1px solid transparent;border-radius:8px;color:var(--colour-text);text-align:left}.company-switcher-item:hover:not(:disabled){background:var(--colour-primary-soft);border-color:var(--colour-primary)}.company-switcher-item:disabled{opacity:.4;cursor:not-allowed}.company-switcher-empty{padding:.6rem;font-size:.85rem;color:var(--colour-text-muted)}.page{max-width:1320px;margin:0 auto}.page-header{margin-bottom:1.3rem}.page-header-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-title{font-size:1.45rem}.page-subtitle{color:var(--colour-text-muted);font-size:.92rem;margin-top:.2rem}.card{background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:14px;padding:1.2rem;margin-bottom:1.2rem;box-shadow:var(--shadow-card)}.card-title{font-size:1.05rem;margin-bottom:.8rem}.tab-bar{display:flex;gap:.3rem;margin-bottom:1.1rem;border-bottom:1px solid var(--colour-border)}.tab{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--colour-text-muted);font:inherit;font-weight:600;font-size:.95rem}.tab:hover{color:var(--colour-text)}.tab.active{color:var(--colour-primary);border-bottom-color:var(--colour-primary)}.tab-count{font-size:.72rem;font-weight:700;min-width:20px;text-align:center;padding:.05rem .4rem;border-radius:999px;background:var(--colour-surface-2);color:var(--colour-text-muted)}.tab.active .tab-count{background:var(--colour-primary-soft);color:var(--colour-primary)}.cat-tree{display:flex;flex-direction:column;gap:.5rem}.cat-group{border:1px solid var(--colour-border);border-radius:12px}.cat-row:first-child{border-radius:12px 12px 0 0}.cat-row{display:flex;align-items:center;gap:.8rem;padding:.7rem .9rem}.cat-row.cat-sub{padding-left:2.2rem;border-top:1px dashed var(--colour-border);background:var(--colour-surface-2)}.cat-name{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}.cat-row.cat-sub .cat-name{font-weight:500}.cat-actions{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0}.cat-children{display:flex;flex-direction:column}.cat-add,.cat-rename{display:flex;align-items:center;gap:.5rem;padding:.6rem .9rem}.cat-add.cat-sub{padding-left:2.2rem;border-top:1px dashed var(--colour-border)}.cat-add .field-input,.cat-rename .field-input{flex:1;max-width:360px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 1rem}@media(max-width:720px){.form-grid-3{grid-template-columns:1fr}}.blackout-add{display:flex;gap:.5rem;align-items:center}.blackout-add .field-input{max-width:200px}.blackout-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.blackout-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;background:var(--colour-surface-2);font-size:.8rem;font-weight:600}.blackout-chip button{background:none;border:none;color:var(--colour-text-muted);font-size:.85rem;padding:0;line-height:1}.blackout-chip button:hover{color:var(--colour-danger)}.test-preview{display:flex;flex-direction:column;gap:1.3rem}.preview-question{border:1px solid var(--colour-border);border-radius:12px;padding:1rem 1.1rem;background:var(--colour-surface-2)}.preview-question-title{margin-bottom:.7rem}.preview-answer{pointer-events:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.9rem;margin-bottom:1.3rem}.stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1rem 1.1rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:12px;color:var(--colour-text);text-align:left;transition:border-color .15s ease,transform .1s ease}.stat-card:hover:not(:disabled){border-color:var(--colour-primary);transform:translateY(-1px)}.stat-card:disabled{opacity:.45;cursor:not-allowed}.stat-card-muted{cursor:default}.stat-value{font-size:1.7rem;font-weight:800;color:var(--colour-primary)}.stat-label{font-size:.88rem;color:var(--colour-text-muted)}.getting-started{padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;color:var(--colour-text-muted)}.dash{max-width:1180px}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.3rem}.dash-title{font-size:1.6rem;letter-spacing:-.02em}.dash-subtitle{color:var(--colour-text-muted);font-size:.95rem;margin-top:.25rem}.dash-head-actions{display:flex;align-items:center;gap:.7rem}.dash-period{font-size:.8rem;font-weight:600;color:var(--colour-text-muted);padding:.4rem .7rem;border:1px solid var(--colour-border);border-radius:8px}.dash-loading{color:var(--colour-text-muted)}.dash-empty{color:var(--colour-text-muted);font-size:.9rem;padding:1.4rem .2rem;text-align:center}.dash .card{border-radius:16px;box-shadow:var(--shadow-card);transition:box-shadow .2s ease}.dash-chart-card:hover,.dash-activity-card:hover{box-shadow:var(--shadow-hover)}.dept-table tbody tr{transition:background .15s ease}.dept-table tbody tr:hover{background:var(--colour-surface-2)}.insight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem;margin-bottom:1.2rem}.insight{display:flex;gap:.8rem;padding:1rem 1.1rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:16px;box-shadow:var(--shadow-card);transition:transform .18s cubic-bezier(.2,0,0,1),box-shadow .18s ease}.insight:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.insight-content{display:flex;flex-direction:column;gap:.24rem;min-width:0}.insight-badge{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:11px}.insight-crit{background:color-mix(in srgb,var(--colour-danger) 7%,var(--colour-surface))}.insight-warn{background:color-mix(in srgb,var(--colour-warn) 9%,var(--colour-surface))}.insight-good{background:color-mix(in srgb,var(--colour-success) 7%,var(--colour-surface))}.insight-info{background:color-mix(in srgb,var(--colour-primary) 7%,var(--colour-surface))}.insight-crit .insight-badge{background:color-mix(in srgb,var(--colour-danger) 16%,transparent);color:var(--colour-danger)}.insight-warn .insight-badge{background:color-mix(in srgb,var(--colour-warn) 18%,transparent);color:var(--colour-warn)}.insight-good .insight-badge{background:color-mix(in srgb,var(--colour-success) 16%,transparent);color:var(--colour-success)}.insight-info .insight-badge{background:color-mix(in srgb,var(--colour-primary) 14%,transparent);color:var(--colour-primary)}.insight-kicker{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.insight-crit .insight-kicker{color:var(--colour-danger)}.insight-warn .insight-kicker{color:var(--colour-warn)}.insight-good .insight-kicker{color:var(--colour-success)}.insight-info .insight-kicker{color:var(--colour-primary)}.insight-title{font-size:1.02rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}.insight-body{font-size:.85rem;color:var(--colour-text-muted);line-height:1.4}.insight-action{align-self:flex-start;margin-top:.25rem;background:none;border:none;padding:0;color:var(--colour-primary);font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.3rem}.insight-arrow{transition:transform .16s ease}.insight-action:hover .insight-arrow{transform:translate(3px)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.9rem;margin-bottom:1.2rem}.kpi{display:flex;flex-direction:column;gap:.15rem;padding:1.15rem 1.2rem 1.2rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:18px;box-shadow:var(--shadow-card);text-align:left;color:var(--colour-text);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s ease,border-color .2s ease}.kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--kpi-accent)}.kpi:focus-visible{outline:2px solid var(--kpi-accent);outline-offset:2px}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--kpi-accent) 14%,transparent);color:var(--kpi-accent);transition:transform .2s cubic-bezier(.2,0,0,1)}.kpi:hover .kpi-icon{transform:scale(1.08) rotate(-3deg)}.kpi-value{font-size:2rem;font-weight:800;letter-spacing:-.025em;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--colour-text)}.kpi-label{font-size:.72rem;color:var(--colour-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem}.kpi-sub{font-size:.78rem;color:var(--colour-text-muted);margin-top:.35rem}.trend-pill{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:700;font-variant-numeric:tabular-nums;padding:.2rem .5rem .2rem .4rem;border-radius:999px}.trend-pill-up{color:var(--colour-success);background:color-mix(in srgb,var(--colour-success) 14%,transparent)}.trend-pill-down{color:var(--colour-danger);background:color-mix(in srgb,var(--colour-danger) 14%,transparent)}@media(prefers-reduced-motion:reduce){.kpi,.kpi-icon,.insight,.insight-arrow,.side-caret,.activity-item,.rank-item,.dept-table tbody tr,.side-cta{transition:none}.kpi:hover,.insight:hover,.side-cta:hover,.kpi:hover .kpi-icon{transform:none}}.dash-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:1.2rem;margin-bottom:1.2rem}.card-head-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.card-head-row .card-title{margin-bottom:0}.card-hint{font-size:.8rem;color:var(--colour-text-muted)}.link-btn{background:none;border:none;color:var(--colour-primary);font-weight:600;font-size:.85rem;padding:0}.link-btn:hover{text-decoration:underline}.dash-chart{width:100%;height:auto;display:block}.chart-grid{stroke:var(--colour-border);stroke-width:1;stroke-dasharray:3 4}.dash-line{stroke:var(--colour-primary);stroke-width:2.5}.dash-dot{fill:var(--colour-surface);stroke:var(--colour-primary);stroke-width:2}.dash-dot-last{fill:var(--colour-primary)}.dash-xlabel{fill:var(--colour-text-muted);font-size:12px;font-family:inherit}.activity{display:flex;flex-direction:column;gap:.15rem}.activity-item{display:flex;align-items:center;gap:.7rem;padding:.55rem;margin:0 -.55rem;border-radius:9px;border-bottom:1px solid var(--colour-border);transition:background .15s ease}.activity-item:hover{background:var(--colour-surface-2)}.activity-item:last-child{border-bottom:none}.activity-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:var(--colour-primary-soft);color:var(--colour-primary);font-weight:700;font-size:.85rem}.activity-main{display:flex;flex-direction:column;min-width:0;flex:1}.activity-text{font-size:.88rem;overflow:hidden;text-overflow:ellipsis}.activity-time{font-size:.76rem;color:var(--colour-text-muted)}.score-pill{font-size:.8rem;font-weight:700;padding:.15rem .5rem;border-radius:999px;font-variant-numeric:tabular-nums;flex-shrink:0}.score-pass{background:var(--colour-success-bg);color:var(--colour-success)}.score-fail{background:var(--colour-error-bg);color:var(--colour-danger)}.dept-table td{vertical-align:middle}.pbar{display:inline-block;width:80px;height:7px;border-radius:999px;background:var(--colour-surface-2);overflow:hidden;vertical-align:middle;margin-right:.5rem}.pbar-fill{display:block;height:100%;background:var(--colour-primary);border-radius:999px}.pbar-num{font-size:.85rem;color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.trend-tag{font-size:.78rem;font-weight:700;text-transform:capitalize}.trend-up{color:var(--colour-success)}.trend-down{color:var(--colour-danger)}.dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.rank-list{list-style:none;display:flex;flex-direction:column;gap:.1rem}.rank-item{display:flex;align-items:center;gap:.7rem;padding:.5rem .55rem;margin:0 -.55rem;border-radius:9px;border-bottom:1px solid var(--colour-border);transition:background .15s ease}.rank-item:hover{background:var(--colour-surface-2)}.rank-item:last-child{border-bottom:none}.rank-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:7px;background:var(--colour-surface-2);font-size:.8rem;font-weight:700;color:var(--colour-text-muted)}.rank-main{display:flex;flex-direction:column;flex:1;min-width:0}.rank-name{font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-sub{font-size:.76rem;color:var(--colour-text-muted)}.rank-score{font-size:.92rem;font-weight:700;font-variant-numeric:tabular-nums}.rank-score.good{color:var(--colour-success)}.rank-score.warn{color:var(--colour-warn)}.rank-score.bad{color:var(--colour-danger)}.my-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}.mini-stat{display:flex;flex-direction:column;gap:.15rem;padding:.7rem .9rem;background:var(--colour-surface-2);border-radius:12px}.mini-value{font-size:1.35rem;font-weight:800;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.mini-label{font-size:.8rem;color:var(--colour-text-muted)}.my-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem}.my-points{font-weight:700;color:var(--colour-primary);font-size:.9rem;margin-right:.3rem}.role-list{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.role-row{border:1px solid var(--colour-border);border-radius:12px;background:var(--colour-surface);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.role-row.open{border-color:var(--colour-primary);box-shadow:var(--shadow-card)}.role-row-head{display:flex;align-items:center;gap:.8rem;width:100%;padding:.9rem 1rem;background:none;border:none;text-align:left;color:var(--colour-text);font:inherit}.role-row-head-static{cursor:default}.role-row-grow{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.role-row-title{font-weight:700;font-size:.98rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.role-row-meta{color:var(--colour-text-muted);font-size:.8rem}.role-caret{color:var(--colour-text-muted);transition:transform .2s ease;flex-shrink:0}.role-row.open .role-caret{transform:rotate(90deg)}.role-row-body{border-top:1px solid var(--colour-border);padding:1rem 1.1rem 1.2rem;background:var(--colour-surface-2)}.role-row-note{color:var(--colour-text-muted);font-size:.82rem;margin-bottom:.9rem}.role-row-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.role-row-desc{padding:0 1rem .8rem;color:var(--colour-text-muted);font-size:.85rem}.role-key-code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;background:var(--colour-surface-2);padding:.05rem .35rem;border-radius:5px}.chip{font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.12rem .45rem;border-radius:999px}.chip-fixed{background:var(--colour-surface-2);color:var(--colour-text-muted)}.chip-custom{background:var(--colour-primary-soft);color:var(--colour-primary)}.chip-unsaved{background:color-mix(in srgb,var(--colour-warn) 16%,transparent);color:var(--colour-warn)}.roles-empty{display:flex;flex-direction:column;gap:.3rem;text-align:center;padding:1.6rem;border:1px dashed var(--colour-border);border-radius:12px;margin-top:1rem;color:var(--colour-text-muted);font-size:.9rem}.roles-empty strong{color:var(--colour-text)}.perm-catalog{display:flex;flex-direction:column;gap:1.1rem}.perm-group-title{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-text-muted);margin-bottom:.5rem}.perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem}.perm{display:flex;gap:.6rem;align-items:flex-start;padding:.5rem .6rem;border:1px solid transparent;border-radius:9px;cursor:pointer;transition:background .12s ease,border-color .12s ease}.perm:hover{background:var(--colour-surface);border-color:var(--colour-border)}.perm input{margin-top:.15rem;width:1rem;height:1rem;accent-color:var(--colour-primary);flex-shrink:0}.perm-disabled{cursor:not-allowed;opacity:.7}.perm-main{display:flex;flex-direction:column;min-width:0}.perm-key{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.8rem;font-weight:600}.perm-desc{font-size:.78rem;color:var(--colour-text-muted)}.modal-foot-split{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.rank-slider{width:100%;accent-color:var(--colour-primary)}@media(max-width:560px){.perm-grid{grid-template-columns:1fr}}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-bottom:.9rem}.search-wrap{position:relative;flex:1;max-width:320px;min-width:200px}.search-input{padding-right:2.2rem}.search-clear{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--colour-text-muted);font-size:.85rem;padding:.15rem}.search-clear:hover{color:var(--colour-danger)}.page-size-label{font-size:.85rem;color:var(--colour-text-muted)}.page-size-select{padding:.3rem .5rem;border:1px solid var(--colour-border);border-radius:6px;background:var(--colour-surface);color:var(--colour-text)}.table-toolbar-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;flex:1;min-width:0}.clear-filters-btn{white-space:nowrap}.table-filter{padding:.5rem .7rem;font-size:.9rem;border:1px solid var(--colour-border);border-radius:8px;background:var(--colour-surface);color:var(--colour-text);max-width:200px}select.table-filter{cursor:pointer}.table-filter:focus{outline:none;border-color:var(--colour-primary);box-shadow:0 0 0 3px var(--colour-primary-soft)}.table-filter-bar{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.table-filter-bar .table-filter{max-width:230px;min-width:160px}.col-sort{display:inline-flex;align-items:center;gap:.3rem;background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--colour-text)}.col-sort:hover{color:var(--colour-primary)}.col-sort-arrow{font-size:.7rem;color:var(--colour-text-muted)}.col-sort.active .col-sort-arrow{color:var(--colour-primary)}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{padding:.65rem .8rem;border-bottom:1px solid var(--colour-border);text-align:left;vertical-align:top}.data-table th{font-weight:700;background:var(--colour-surface-2);white-space:nowrap}.cell-wrap{overflow-wrap:anywhere;word-break:break-word}.col-serial{width:90px;white-space:nowrap}.col-action{width:90px;text-align:center}.table-empty{text-align:center;color:var(--colour-text-muted);padding:1.6rem .8rem}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;margin-top:.9rem}.table-count{font-size:.85rem;color:var(--colour-text-muted)}.pager{display:flex;align-items:center;gap:.6rem}.pager-info{font-size:.85rem;color:var(--colour-text-muted);white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;background:none;border:1px solid var(--colour-border);border-radius:6px;color:var(--colour-text-muted)}.icon-btn:hover{border-color:currentColor}.icon-btn-danger{color:var(--colour-danger)}.icon-btn-danger:hover{background:var(--colour-error-bg)}.icon-btn-primary{color:var(--colour-primary)}.icon-btn-primary:hover{background:var(--colour-primary-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}[data-tooltip]{position:relative}[data-tooltip]:after,[data-tooltip]:before{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:90}[data-tooltip]:after{content:attr(data-tooltip);bottom:calc(100% + 8px);transform:translate(-50%,4px);background:var(--colour-text);color:var(--colour-surface);padding:.32rem .6rem;border-radius:8px;font-size:.74rem;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 6px 18px #00000038}[data-tooltip]:before{content:"";bottom:calc(100% + 3px);transform:translate(-50%,4px);border:5px solid transparent;border-top-color:var(--colour-text)}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus-visible:after,[data-tooltip]:focus-visible:before{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){[data-tooltip]:after,[data-tooltip]:before{transition:opacity .14s ease}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c148c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal{width:100%;max-width:440px;max-height:90vh;display:flex;flex-direction:column;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:12px;box-shadow:var(--shadow)}.modal-md{max-width:460px}.modal-lg{max-width:640px}.modal .modal-body{overflow-y:auto}.form-grid{display:flex;flex-direction:column;gap:.4rem}.form-section-label{font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--colour-text-muted);margin:.4rem 0 .2rem;padding-bottom:.3rem;border-bottom:1px solid var(--colour-border)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}@media(max-width:620px){.form-grid-2{grid-template-columns:1fr}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;border-bottom:1px solid var(--colour-border)}.modal-title{font-size:1.05rem}.modal-close{background:none;border:none;color:var(--colour-text-muted);font-size:1rem;padding:.25rem .45rem;border-radius:6px}.modal-close:hover{background:var(--colour-surface-2);color:var(--colour-danger)}.modal-body{padding:1.2rem}.modal-footer{display:flex;justify-content:flex-end;gap:.6rem;padding:.9rem 1.2rem;border-top:1px solid var(--colour-border)}.toast-stack{position:fixed;bottom:1.2rem;right:1.2rem;display:flex;flex-direction:column;gap:.6rem;z-index:200;max-width:min(360px,calc(100vw - 2rem))}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--colour-border);box-shadow:var(--shadow);font-size:.9rem}.toast-success{background:var(--colour-success-bg);color:var(--colour-success);border-color:var(--colour-success)}.toast-error{background:var(--colour-error-bg);color:var(--colour-danger);border-color:var(--colour-danger)}.toast-close{background:none;border:none;color:inherit;font-size:.85rem;padding:.1rem .3rem;border-radius:4px;flex-shrink:0}.toast-close:hover{background:#7f7f7f2e}.field-textarea{min-height:110px;max-height:300px;resize:vertical}.editor-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.editor-row .field-input{flex:1}.editor-two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.editor-toggles{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;margin-bottom:1rem}.editor-error-block{margin-bottom:.8rem}.upload-row{display:flex;align-items:center;gap:.6rem}.upload-preview{max-width:260px;max-height:180px;margin-top:.6rem;border-radius:8px;border:1px solid var(--colour-border);display:block}.answer-hint{color:var(--colour-text-muted);font-size:.88rem;margin:.5rem 0 .8rem}.answer-options{display:flex;flex-direction:column;gap:.5rem}.answer-options-row{flex-direction:row}.answer-option{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border:1px solid var(--colour-border);border-radius:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.answer-option:hover{border-color:var(--colour-primary)}.answer-option.selected{border-color:var(--colour-primary);background:var(--colour-primary-soft)}.answer-option input{accent-color:var(--colour-primary)}.option-image{max-width:120px;border-radius:6px}.question-image{max-width:100%;border-radius:8px;border:1px solid var(--colour-border);display:block}.question-video{max-width:100%;border-radius:8px;display:block;margin-bottom:.6rem}.image-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.image-editor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:1rem}.image-editor-item{border:1px solid var(--colour-border);border-radius:10px;padding:.8rem}.image-correct-radio{margin-top:.5rem}.image-compare-card{border:2px solid var(--colour-border);border-radius:10px;background:var(--colour-surface);padding:.5rem;display:flex;flex-direction:column;gap:.4rem;align-items:center;color:var(--colour-text);font-weight:600}.image-compare-card img{max-width:100%;border-radius:6px}.image-compare-card:hover{border-color:var(--colour-primary)}.image-compare-card.selected{border-color:var(--colour-primary);background:var(--colour-primary-soft)}.image-compare .answer-hint{grid-column:1 / -1}.hotspot-wrap{position:relative;display:inline-block;max-width:100%}.hotspot-image{cursor:crosshair}.hotspot-editor{-webkit-user-select:none;user-select:none}.hotspot-marker{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;background:var(--colour-danger);color:#fff;font-weight:700;font-size:.8rem;border:2px solid #fff;display:flex;align-items:center;justify-content:center}.hotspot-zone{position:absolute;border:2px solid var(--colour-danger);background:#dc26262e;border-radius:4px;color:#fff;font-weight:700;font-size:.75rem;display:flex;align-items:flex-start;justify-content:flex-start;padding:2px 4px;pointer-events:none}.hotspot-zone-draft{border-style:dashed}.content-review-text{line-height:2.1}.word-token{background:none;border:1px solid transparent;border-radius:4px;padding:.1rem .25rem;margin:0 .05rem;font-size:inherit;color:var(--colour-text)}.word-token:hover{border-color:var(--colour-primary)}.word-token.selected{background:var(--colour-error-bg);border-color:var(--colour-danger);color:var(--colour-danger);text-decoration:underline wavy}.video-marks{list-style:none;margin-top:.6rem;display:flex;flex-direction:column;gap:.4rem}.video-marks li{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .6rem;border:1px solid var(--colour-border);border-radius:6px}.sequence-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.sequence-item{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border:1px solid var(--colour-border);border-radius:8px}.sequence-number{font-weight:700;color:var(--colour-primary);white-space:nowrap}.sequence-text{flex:1;overflow-wrap:anywhere}.sequence-controls{display:flex;gap:.3rem}.match-list{display:flex;flex-direction:column;gap:.5rem}.match-row{display:flex;align-items:center;gap:.7rem}.match-left{flex:1;overflow-wrap:anywhere}.match-select{flex:1}.question-pick-list{display:flex;flex-direction:column;gap:.4rem;max-height:340px;overflow-y:auto}.question-pick-meta{color:var(--colour-text-muted);font-weight:400;font-size:.85rem}.player-page{max-width:860px}.player-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.player-timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.3rem;padding:.3rem .8rem;border:1px solid var(--colour-border);border-radius:8px;color:var(--colour-primary)}.player-timer-low{color:var(--colour-danger);border-color:var(--colour-danger)}.player-question-title{font-size:1.05rem;margin-bottom:.8rem}.player-nav{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.player-dots{display:flex;gap:.3rem;flex-wrap:wrap}.player-dot{width:30px;height:30px;border-radius:6px;border:1px solid var(--colour-border);background:var(--colour-surface);color:var(--colour-text-muted);font-size:.8rem;font-weight:600}.player-dot:hover{border-color:var(--colour-primary)}.player-dot.answered{background:var(--colour-success-bg);color:var(--colour-success);border-color:var(--colour-success)}.player-dot.current{background:var(--colour-primary);color:#fff;border-color:var(--colour-primary)}.result-summary{text-align:center}.result-score{font-size:2.2rem;font-weight:800;color:var(--colour-primary);margin:.6rem 0}.result-score span{font-size:1.2rem;color:var(--colour-text-muted)}.result-metrics{display:flex;justify-content:center;gap:1.4rem;flex-wrap:wrap;color:var(--colour-text-muted);margin-bottom:.8rem}.result-summary .form-actions{justify-content:center}.review-card{border-left:4px solid var(--colour-danger)}.review-card.review-correct{border-left-color:var(--colour-success)}.review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.review-list{padding-left:1.3rem;display:flex;flex-direction:column;gap:.3rem;margin:.4rem 0}.review-explanation{background:var(--colour-primary-soft);border-radius:8px;padding:.7rem .9rem;margin-top:.7rem}.section-title{font-size:1.1rem;margin:.4rem 0 .8rem}.filter-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.filter-select{max-width:220px}.action-group{display:inline-flex;gap:.4rem;align-items:center;flex-wrap:wrap}.col-actions-wide{min-width:240px;white-space:nowrap}.col-actions-wide .action-group{flex-wrap:nowrap}.state-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid var(--colour-border);color:var(--colour-text-muted)}.state-published,.state-active{color:var(--colour-success);border-color:var(--colour-success);background:var(--colour-success-bg)}.state-scheduled{color:#2f6df6;border-color:#2f6df6;background:#2f6df61f}.state-closed{color:var(--colour-danger);border-color:var(--colour-danger);background:var(--colour-error-bg)}.temp-password{background:var(--colour-primary-soft);border-radius:8px;padding:.8rem;margin-top:.6rem;overflow-wrap:anywhere}.reach-badge{display:inline-flex;align-items:baseline;gap:.15rem;padding:.15rem .65rem;border-radius:999px;cursor:pointer;font-size:.82rem;font-weight:600;line-height:1.4;color:var(--colour-primary);background:var(--colour-primary-soft);border:1px solid transparent;transition:border-color .15s,background .15s}.reach-badge:hover{border-color:var(--colour-primary)}.reach-badge strong{font-weight:800}.reach-badge .reach-sep{color:var(--colour-text-muted);font-weight:500}.ai-notice{background:var(--colour-primary-soft);border-radius:10px;padding:1rem 1.1rem}.ai-notice code{background:#00000014;padding:.1rem .35rem;border-radius:5px;font-size:.85em}.ai-form .field{margin-bottom:.9rem}.ai-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.ai-type-chip{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border:1px solid var(--colour-border);border-radius:8px;cursor:pointer;font-size:.9rem}.ai-type-chip input{accent-color:var(--colour-primary)}.ai-review .ai-draft-list{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.ai-draft-item{border:1px solid var(--colour-border);border-radius:8px}.ai-draft-label{display:flex;align-items:flex-start;gap:.6rem;padding:.6rem .8rem;cursor:pointer}.ai-draft-label input{margin-top:.25rem;accent-color:var(--colour-primary)}.ai-draft-type{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--colour-primary);background:var(--colour-primary-soft);padding:.1rem .45rem;border-radius:999px;margin-right:.5rem}.ai-draft-title{font-size:.92rem}.study-card{margin-bottom:1rem}.study-badge{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--colour-primary);background:var(--colour-primary-soft);padding:.12rem .5rem;border-radius:999px}.study-meta{color:var(--colour-text-muted)}.study-overview{font-size:1.02rem;line-height:1.7;margin:0}.study-section{margin-bottom:1.2rem}.study-section:last-child{margin-bottom:0}.study-section-heading{font-size:1.05rem;font-weight:700;color:var(--colour-primary);margin:0 0 .5rem}.study-section-body{white-space:pre-wrap;line-height:1.7;margin:0}.study-keypoints{margin:.4rem 0 0;padding-left:1.2rem;line-height:1.8}.study-score{font-weight:700;color:var(--colour-primary)}.flashcard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}.flashcard{min-height:120px;text-align:left;border:1px solid var(--colour-border);border-radius:12px;padding:1rem;background:var(--colour-surface, #fff);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;transition:border-color .15s,box-shadow .15s}.flashcard:hover{border-color:var(--colour-primary);box-shadow:0 4px 14px #0f2c4a14}.flashcard.flipped{background:var(--colour-primary-soft)}.flashcard-term{font-weight:700;color:var(--colour-primary)}.flashcard-body{white-space:pre-wrap;line-height:1.6;font-size:.92rem}.flashcard-hint{color:var(--colour-text-muted);font-size:.82rem}.study-quiz{margin:.5rem 0 0;padding-left:1.2rem;display:flex;flex-direction:column;gap:1.1rem}.study-quiz-prompt{font-weight:600;margin:0 0 .6rem}.study-quiz-options{display:flex;flex-direction:column;gap:.4rem}.study-option{text-align:left;padding:.6rem .85rem;border:1px solid var(--colour-border);border-radius:8px;background:var(--colour-surface, #fff);cursor:pointer;font-size:.92rem;transition:border-color .15s}.study-option:hover:not(:disabled){border-color:var(--colour-primary)}.study-option:disabled{cursor:default}.study-option.correct{border-color:var(--colour-success);background:var(--colour-success-bg);color:var(--colour-success);font-weight:600}.study-option.wrong{border-color:var(--colour-danger);background:var(--colour-error-bg);color:var(--colour-danger)}.study-explanation{margin:.5rem 0 0;font-size:.88rem;color:var(--colour-text-muted);line-height:1.6}.repeat-row{display:flex;align-items:flex-start;gap:.6rem;margin-bottom:.9rem}.repeat-row-main{flex:1;min-width:0}.repeat-inline{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.repeat-inline .field-input{flex:1}.repeat-question{border:1px solid var(--colour-border);border-radius:12px;padding:1rem;margin-bottom:.9rem}.repeat-question .field-label{margin-top:.4rem}.question-selected{margin:.4rem 0 .8rem}.question-selected-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.question-chip{display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.3rem .4rem .3rem .7rem;border-radius:999px;background:var(--colour-primary-soft);color:var(--colour-primary);border:1px solid var(--colour-border);font-size:.84rem}.question-chip .cell-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:320px}.question-chip-x{border:none;background:#00000014;color:inherit;cursor:pointer;width:18px;height:18px;border-radius:50%;line-height:1;font-size:.7rem;flex-shrink:0}.question-chip-x:hover{background:var(--colour-danger);color:#fff}.pager{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-top:.8rem}.pager-info{font-size:.85rem;color:var(--colour-text-muted);font-variant-numeric:tabular-nums}.player-timers{display:flex;align-items:center;gap:.5rem}.player-timer-q{background:var(--colour-primary-soft);color:var(--colour-primary)}.proctor-cam{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:.4rem;padding:6px 10px 6px 6px;border-radius:10px;background:#000000bf;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em}.proctor-cam video{border-radius:6px;background:#000;object-fit:cover}.proctor-dot{width:8px;height:8px;border-radius:50%;background:#ff4d4f;display:inline-block;animation:proctor-blink 1.2s infinite}@keyframes proctor-blink{0%,to{opacity:1}50%{opacity:.25}}.trend-bars{display:flex;align-items:flex-end;gap:6px;height:120px}.trend-bar-wrap{flex:1;max-width:46px;height:100%;display:flex;align-items:flex-end}.trend-bar{width:100%;background:var(--colour-primary);border-radius:4px 4px 0 0;min-height:4px}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem}.material-card{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.material-head{display:flex;align-items:center;justify-content:space-between;width:100%}.material-icon{font-size:1.6rem}.material-description{color:var(--colour-text-muted);font-size:.88rem;flex:1}.badge-inactive{opacity:.55}.badge-strip{display:flex;flex-wrap:wrap;gap:.5rem}.badge-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border:1px solid var(--colour-primary);border-radius:999px;background:var(--colour-primary-soft);font-size:.85rem;font-weight:600}.apply-card{max-width:520px}.apply-exam{max-width:860px;margin:0 auto;padding:1.4rem}.impersonation-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.55rem 1rem;background:var(--colour-danger);color:#fff;font-size:.9rem;position:sticky;top:0;z-index:50}.impersonation-banner .btn{background:#fff;color:var(--colour-danger);border-color:#fff}.certificate{border:3px double var(--colour-primary);border-radius:10px;padding:1.6rem;text-align:center}.certificate-company{font-weight:800;color:var(--colour-primary);letter-spacing:.08em;text-transform:uppercase}.certificate-heading{font-size:1.4rem;margin:.6rem 0}.certificate-text{color:var(--colour-text-muted);margin:.4rem 0}.certificate-name{font-size:1.5rem;font-weight:800;margin:.5rem 0}.certificate-footer{display:flex;justify-content:space-between;gap:.8rem;margin-top:1.4rem;font-size:.8rem;color:var(--colour-text-muted)}@media print{body *{visibility:hidden}#certificate-print,#certificate-print *{visibility:visible}#certificate-print{position:fixed;top:0;right:0;bottom:0;left:0;margin:2rem;background:#fff;color:#1c2130}.modal-overlay{position:static;background:none}}.calendar-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.calendar-item{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.calendar-text{flex:1;min-width:200px}.calendar-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.calendar-dot-open{background:var(--colour-success)}.calendar-dot-upcoming{background:var(--colour-primary)}.calendar-dot-past{background:var(--colour-text-muted)}.path-block{margin-bottom:1.2rem}.path-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.path-steps{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin-top:.6rem}.path-step{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.45rem .6rem;border:1px solid var(--colour-border);border-radius:8px}.path-step.completed{background:var(--colour-success-bg);border-color:var(--colour-success)}.path-step-mark{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--colour-surface-2);font-size:.8rem;font-weight:700}.path-step.completed .path-step-mark{background:var(--colour-success);color:#fff}.path-step-title{flex:1;min-width:140px}.path-step-editor{border:1px solid var(--colour-border);border-radius:8px;padding:.7rem;margin-bottom:.7rem}.plan-current{border-color:var(--colour-primary);box-shadow:0 0 0 2px var(--colour-primary-soft)}.plan-price{font-size:1.5rem;font-weight:800;color:var(--colour-primary)}.plan-price-period{font-size:.9rem;font-weight:400;color:var(--colour-text-muted)}.nav-icon{margin-right:.5rem}.filter-bar{display:flex;align-items:flex-end;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}.filter-date{display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--colour-text-muted)}.filter-date .field-input{padding:.4rem .6rem}.master-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.2rem}.master-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9rem;margin-bottom:1.3rem}.master-stat{display:flex;flex-direction:column;gap:.15rem;padding:1.15rem 1.2rem 1.2rem;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:18px;box-shadow:var(--shadow-card);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s ease,border-color .2s ease}.master-stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent, var(--colour-primary))}.master-stat-primary{--accent: var(--colour-primary)}.master-stat-success{--accent: var(--colour-success)}.master-stat-danger{--accent: var(--colour-danger)}.master-stat-info{--accent: #7c6cf0}.master-stat-teal{--accent: #0ea5a4}.master-stat-amber{--accent: #d98a2b}.master-stat-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;margin-bottom:.5rem;background:color-mix(in srgb,var(--accent, var(--colour-primary)) 14%,transparent);color:var(--accent, var(--colour-primary))}.master-stat-value{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--colour-text)}.master-stat-label{font-size:.72rem;color:var(--colour-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem}.growth-chart{display:flex;align-items:flex-end;gap:.6rem;height:150px}.growth-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;height:100%}.growth-bar-track{flex:1;width:100%;max-width:46px;display:flex;align-items:flex-end}.growth-bar{width:100%;min-height:4px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--colour-primary),var(--colour-primary-hover))}.growth-value{font-size:.8rem;font-weight:700}.growth-label{font-size:.75rem;color:var(--colour-text-muted)}.revenue-hero{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.revenue-amount{font-size:2.1rem;font-weight:800;color:var(--colour-success)}.revenue-secondary{font-size:1.1rem;font-weight:700;color:var(--colour-text-muted)}.revenue-caption{font-size:.85rem;color:var(--colour-text-muted)}.revenue-breakdown{display:flex;gap:1.2rem;flex-wrap:wrap;color:var(--colour-text-muted);font-size:.9rem}.dist-list{display:flex;flex-direction:column;gap:.6rem}.dist-row{display:flex;align-items:center;gap:.7rem}.dist-name{width:90px;font-size:.88rem;flex-shrink:0}.dist-track{flex:1;height:10px;background:var(--colour-surface-2);border-radius:999px;overflow:hidden}.dist-fill{height:100%;border-radius:999px;background:var(--colour-primary)}.dist-count{width:28px;text-align:right;font-weight:700;font-size:.85rem}.email-health{display:flex;gap:.5rem;flex-wrap:wrap}.health-chip{padding:.3rem .7rem;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid var(--colour-border)}.health-sent{color:var(--colour-success);border-color:var(--colour-success);background:var(--colour-success-bg)}.health-logged{color:var(--colour-text-muted)}.health-failed{color:var(--colour-danger);border-color:var(--colour-danger);background:var(--colour-error-bg)}.support-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.support-list li{display:flex;align-items:center;gap:.6rem}.faq-list{display:flex;flex-direction:column;gap:.5rem}.faq-item{border:1px solid var(--colour-border);border-radius:8px;overflow:hidden}.faq-item.open{border-color:var(--colour-primary)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .9rem;background:none;border:none;color:var(--colour-text);font-weight:600;text-align:left;font-size:.95rem}.faq-question:hover{background:var(--colour-surface-2)}.faq-answer{padding:0 .9rem .8rem;color:var(--colour-text-muted);font-size:.9rem}.review-entry{border-bottom:1px solid var(--colour-border);padding-bottom:1rem;margin-bottom:1rem}.review-entry:last-child{border-bottom:none;margin-bottom:0}.review-marks-input{max-width:110px}.bell-wrap{position:relative}.bell-btn{position:relative;background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:8px;padding:.35rem .5rem;color:var(--colour-text);display:inline-flex}.bell-btn:hover{border-color:var(--colour-primary);color:var(--colour-primary)}.bell-badge{position:absolute;top:-6px;right:-6px;background:var(--colour-danger);color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;padding:.05rem .35rem}.bell-menu{position:absolute;right:0;top:calc(100% + 6px);width:min(340px,90vw);background:var(--colour-surface);border:1px solid var(--colour-border);border-radius:10px;box-shadow:var(--shadow);z-index:60;max-height:400px;overflow-y:auto;padding:.4rem}.bell-item{padding:.6rem .7rem;border-radius:8px;font-size:.85rem}.bell-item.unread{background:var(--colour-primary-soft)}.bell-item p{color:var(--colour-text-muted);margin-top:.15rem}.bell-time{color:var(--colour-text-muted);font-size:.75rem}@media(max-width:860px){.hamburger{display:inline-flex}.app-sidebar{position:fixed;top:57px;bottom:0;left:0;z-index:60;transform:translate(-100%);transition:transform .2s ease;box-shadow:var(--shadow)}.app-sidebar.open{transform:translate(0)}.app-main{padding:1rem}.user-chip{display:none}.auth-card{padding:1.4rem}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.editor-two-col,.image-compare{grid-template-columns:1fr}.player-header{flex-direction:column}.master-two-col,.dash-grid,.dash-two-col{grid-template-columns:1fr}.my-strip-grid{grid-template-columns:repeat(2,1fr)}.header-search{min-width:0;padding:.4rem}.header-search-label,.header-search-kbd{display:none}.dash-head-actions{width:100%;justify-content:space-between}}