.trainer-shell{--trainer-bg:#f3f6f5;--trainer-panel:#fff;--trainer-panel-strong:#fff;--trainer-text:#19333b;--trainer-muted:#607479;--trainer-accent:#087d82;--trainer-accent-ink:#fff;--trainer-accent-soft:#e4f4f2;--trainer-line:#dce8e5;--trainer-glow:#087d821a;--canvas:var(--trainer-bg);--surface:var(--trainer-panel-strong);--ink:var(--trainer-text);--muted:var(--trainer-muted);--hair:var(--trainer-line);--hair-strong:var(--trainer-line);--accent:var(--trainer-accent);--accent-hover:var(--trainer-accent);--accent-tint:var(--trainer-accent-soft);--background:var(--surface);--foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--popover:var(--surface);--popover-foreground:var(--ink);--primary:var(--accent);--primary-foreground:var(--trainer-accent-ink);--secondary:var(--canvas);--secondary-foreground:var(--ink);--muted-foreground:var(--muted);--border:var(--hair);--input:var(--hair-strong);--ring:var(--accent);color:var(--trainer-text);background:radial-gradient(circle at 14% 0%, var(--trainer-glow), transparent 34%), var(--trainer-bg)}.trainer-theme-studio{--trainer-bg:#f3f6f5;--trainer-panel:#fff;--trainer-panel-strong:#fff;--trainer-text:#19333b;--trainer-muted:#607479;--trainer-accent:#087d82;--trainer-accent-ink:#fff;--trainer-accent-soft:#e4f4f2;--trainer-line:#dce8e5;--trainer-glow:#087d821a}.trainer-theme-focus{--trainer-bg:#f7f7f2;--trainer-panel:#fff;--trainer-panel-strong:#fff;--trainer-text:#26332d;--trainer-muted:#61746a;--trainer-accent:#416f5d;--trainer-accent-ink:#fff;--trainer-accent-soft:#e7eee8;--trainer-line:#dce3db;--trainer-glow:transparent}.trainer-theme-pulse{--trainer-bg:#f6f3fc;--trainer-panel:#fff;--trainer-panel-strong:#fff;--trainer-text:#292640;--trainer-muted:#6d687d;--trainer-accent:#6545b4;--trainer-accent-ink:#fff;--trainer-accent-soft:#eee9fc;--trainer-line:#e7e0f1;--trainer-glow:#6545b41f}.trainer-panel{border:1px solid var(--trainer-line);background:var(--trainer-panel);box-shadow:0 14px 32px #183b400e}.trainer-nav-link{color:var(--trainer-muted);transition:transform .16s,color .16s,background .16s}.trainer-nav-link:hover,.trainer-nav-link[data-active=true]{color:var(--trainer-text);background:var(--trainer-accent-soft);transform:translate(2px)}.trainer-accent{color:var(--trainer-accent)}.trainer-muted{color:var(--trainer-muted)}.trainer-border{border-color:var(--trainer-line)}.trainer-accent-bg{background:var(--trainer-accent);color:var(--trainer-accent-ink)}.trainer-soft-bg{background:var(--trainer-accent-soft)}.trainer-field{background:var(--trainer-panel-strong);color:var(--trainer-text);border-color:var(--trainer-line)}.trainer-field::placeholder{color:var(--trainer-muted)}.trainer-theme-swatch{border:1px solid #0000001f;border-radius:50%;width:16px;height:16px;margin:0 auto 3px;display:block}.trainer-swatch-studio{background:#087d82}.trainer-swatch-focus{background:#416f5d}.trainer-swatch-pulse{background:#6545b4}.trainer-shell aside.trainer-panel{background:var(--trainer-panel-strong);box-shadow:none;border-radius:0}.trainer-theme-pulse aside.trainer-panel{color:#fff;background:#241f43;border-color:#241f43}.trainer-theme-pulse aside .trainer-muted,.trainer-theme-pulse aside .trainer-nav-link{color:#cbc4e0}.trainer-theme-pulse aside .trainer-accent{color:#e9dcff}.trainer-theme-pulse aside .trainer-nav-link[data-active=true]{color:#fff;background:#403666}.trainer-theme-pulse aside .trainer-border{border-color:#564b75}.trainer-theme-studio .training-hero{background:linear-gradient(112deg,#e0f2ed,#f8fbf9 67%);border-color:#d7eae3;position:relative;overflow:hidden}.trainer-theme-studio .training-hero:after{content:"";pointer-events:none;background:#ea977c52;border-radius:50%;width:166px;height:166px;position:absolute;top:-75px;right:-34px}.trainer-theme-focus .trainer-panel{box-shadow:none;border-radius:8px}.trainer-theme-focus .training-hero{background:0 0;border-width:0 0 1px}.trainer-theme-focus .training-summary-grid{grid-template-columns:.9fr 1.1fr}.trainer-theme-focus .training-progress{height:3px}.trainer-theme-pulse .training-hero{color:#fff;background:#4b398d;border-color:#4b398d;position:relative;overflow:hidden}.trainer-theme-pulse .training-hero:after{content:"";pointer-events:none;border:30px solid #ffffff12;border-radius:50%;width:210px;height:210px;position:absolute;top:-90px;right:12%}.trainer-theme-pulse .training-hero .trainer-muted{color:#e0d8f4}.trainer-theme-pulse .training-hero .trainer-accent{color:#f6c1b8}.trainer-theme-pulse .training-summary-grid>.trainer-panel:first-child{border-top:4px solid #efaca4}@media (width<=1100px){.trainer-theme-focus .training-summary-grid{grid-template-columns:1fr}}@media (width<=760px){.trainer-shell>.relative{display:block}.trainer-shell aside.trainer-panel{width:100%;height:auto;padding:12px;position:relative}.trainer-shell aside nav{margin-top:12px;display:flex;overflow-x:auto}.trainer-shell aside nav a{white-space:nowrap}.trainer-shell aside>div:last-child{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.trainer-shell aside>div:last-child>div:last-child{display:none}}@keyframes trainer-enter{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes trainer-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.03)}}.trainer-enter{animation:.36s cubic-bezier(.2,.8,.2,1) both trainer-enter}.trainer-pulse{animation:5s ease-in-out infinite trainer-pulse}.trainer-shell .trainer-panel,.trainer-shell .rounded-\[12px\],.trainer-shell .rounded-\[10px\]{transition:transform .18s,border-color .18s,background .18s}@media (prefers-reduced-motion:reduce){.trainer-enter,.trainer-pulse{animation:none!important}.trainer-nav-link,.trainer-shell .trainer-panel{transition:none!important}}.trainer-theme-midnight{--trainer-bg:#0b1424;--trainer-panel:#17283c;--trainer-panel-strong:#17283c;--trainer-text:#f5faff;--trainer-muted:#c0d0e1;--trainer-accent:#7cd6ff;--trainer-accent-ink:#082038;--trainer-accent-soft:#23465e;--trainer-line:#344c60;--trainer-glow:#7cd6ff24}.trainer-theme-midnight aside.trainer-panel{background:linear-gradient(175deg,#071222,#162d42 90%);border-color:#344c60}.trainer-theme-midnight .training-hero{color:#f5faff;background:linear-gradient(120deg,#27455a,#17283c);border-color:#41637a}.trainer-theme-midnight .training-hero .trainer-muted{color:#ccdeed}.trainer-theme-midnight .trainer-panel{box-shadow:0 7px 26px #060e1a66}.trainer-theme-solstice{--trainer-bg:#eff5fc;--trainer-panel:#fff;--trainer-panel-strong:#fff;--trainer-text:#192f4b;--trainer-muted:#56687e;--trainer-accent:#1957a7;--trainer-accent-ink:#fff;--trainer-accent-soft:#e0edfb;--trainer-line:#d5dfec;--trainer-glow:#1f5cae21}.trainer-theme-solstice aside.trainer-panel{color:#f5faff;background:linear-gradient(170deg,#10233d,#1c4675);border-color:#38546a}.trainer-theme-solstice aside .trainer-nav-link{color:#d6e5f1}.trainer-theme-solstice aside .trainer-muted{color:#b9cada}.trainer-theme-solstice aside .trainer-accent{color:#ffbdc4}.trainer-theme-solstice aside .trainer-border{border-color:#4a6880}.trainer-theme-solstice aside .trainer-nav-link:hover,.trainer-theme-solstice aside .trainer-nav-link[data-active=true]{color:#fff;background:#264f80}.trainer-theme-solstice .training-hero{color:#192f4b;background:linear-gradient(120deg,#d8e9fa,#fff 77%);border-color:#aecbe8;box-shadow:0 10px 24px #285a9519}.trainer-theme-solstice .training-summary-grid>.trainer-panel:first-child{border-top:4px solid #d83b4d}.trainer-theme-solstice .trainer-panel:not(aside){border-radius:8px;box-shadow:0 8px 20px #17467612}.trainer-theme-midnight{background-image:radial-gradient(circle at 20px 26px,#d1ecff5e 0 1px,#0000 1.7px),radial-gradient(circle at 88px 65px,#c5d5ff4e 0 .8px,#0000 1.8px),radial-gradient(at 90% 4%,#27577a66,#0000 38%),linear-gradient(150deg,#101e34,#0b1424);background-size:179px 173px,277px 231px,auto,auto}.trainer-theme-pulse{background:radial-gradient(at 84% 4%,#86e0d27d,#0000 38%),radial-gradient(at 20% 0,#a88bea78,#0000 39%),linear-gradient(140deg,#f5edff,#fcfaff 57%,#effbf8)}.trainer-theme-pulse .training-hero{background:linear-gradient(113deg,#513995,#3e6197 62%,#317e82);border-color:#514899}.trainer-theme-solstice{background:linear-gradient(129deg,#0000 79%,#d83b4d18 79.2%,#0000 80%),linear-gradient(129deg,#0000 86%,#1957a725 86.2%,#0000 87%),linear-gradient(155deg,#eff5fc,#fff 65%,#e8f0fa)}.trainer-theme-solstice aside .trainer-nav-link[data-active=true]{box-shadow:inset 3px 0 #f15f71}.trainer-overline{color:var(--trainer-accent);letter-spacing:.14em;font-size:10px;font-weight:750}.trainer-workspace-tabs{z-index:15;border:1px solid var(--trainer-line);background:var(--trainer-panel);border-radius:17px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px;display:grid;position:sticky;top:0;box-shadow:0 9px 28px #17273414}.trainer-workspace-tab{width:100%;min-width:0;color:var(--trainer-muted);background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:11px;padding:13px 15px;transition:color .18s,background .18s,border-color .18s;display:flex}.trainer-workspace-tab:hover{background:var(--trainer-accent-soft);color:var(--trainer-text)}.trainer-workspace-tab[data-active=true]{color:var(--trainer-text);background:var(--trainer-accent-soft);border-color:var(--trainer-line)}.trainer-workspace-tab-icon{background:var(--trainer-accent-soft);width:36px;height:36px;color:var(--trainer-accent);border-radius:10px;flex:none;place-items:center;display:grid}.trainer-workspace-tab[data-active=true] .trainer-workspace-tab-icon{color:var(--trainer-accent-ink);background:var(--trainer-accent)}.trainer-workspace-tab:focus-visible,.trainer-workflow-action:focus-visible,.trainer-trainee-name:focus-visible{outline:2px solid var(--trainer-accent);outline-offset:2px}.trainer-date-chip{border:1px solid var(--trainer-line);color:var(--trainer-text);background:var(--trainer-panel);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:inline-flex}.trainer-metric-card{border:1px solid var(--trainer-line);background:var(--trainer-panel);border-radius:14px;min-height:130px;padding:17px;position:relative;overflow:hidden;box-shadow:0 8px 22px #17273409}.trainer-metric-card:before{content:"";background:var(--trainer-accent);opacity:.65;width:3px;position:absolute;inset:0 auto 0 0}.trainer-metric-card[data-tone=attention]:before{opacity:1;background:#dc8b27}.trainer-metric-card[data-tone=success]:before{opacity:1;background:#2f9377}.trainer-metric-icon{background:var(--trainer-accent-soft);width:29px;height:29px;color:var(--trainer-accent);border-radius:9px;flex:none;place-items:center;display:grid}.trainer-workflow-action{border:1px solid var(--trainer-line);background:var(--trainer-panel-strong);min-width:0;color:var(--trainer-text);border-radius:11px;align-items:center;gap:9px;padding:12px 11px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.trainer-workflow-action:hover{border-color:var(--trainer-accent);transform:translateY(-1px);box-shadow:0 8px 17px #1727340f}.trainer-workflow-index{background:var(--trainer-accent-soft);width:18px;height:18px;color:var(--trainer-accent);border-radius:50%;flex:none;align-self:flex-start;place-items:center;font-size:10px;font-weight:700;display:grid}.trainer-trainee-row{transition:background .16s}.trainer-trainee-row:hover{background:var(--trainer-accent-soft)}.trainer-trainee-name{color:var(--trainer-text)}.trainer-trainee-name:hover{color:var(--trainer-accent)}.trainer-status-chip{border:1px solid var(--trainer-line);background:var(--trainer-panel);color:var(--trainer-muted);text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 8px;font-weight:600;line-height:1.2;display:inline-flex}.trainer-status-chip[data-state=present]{color:#25603b;background:#e9f7ed;border-color:#bcdfc7}.trainer-status-chip[data-state=late]{color:#875305;background:#fff1d6;border-color:#efd7a0}.trainer-status-chip[data-state=absent]{color:#963b3b;background:#ffe9e9;border-color:#f1c2c2}.trainer-quickview-metric{border:1px solid var(--trainer-line);background:var(--trainer-accent-soft);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}.trainer-quickview-metric span{color:var(--trainer-muted);font-size:11px}.trainer-quickview-metric strong{font-size:16px;font-weight:700}.trainer-quickview-section{border-top:1px solid var(--trainer-line);padding-top:12px}.trainer-quickview-section h3{margin-bottom:8px;font-size:12px;font-weight:700}.trainer-quickview-row{border-bottom:1px solid var(--trainer-line);flex-wrap:wrap;justify-content:space-between;gap:9px;padding:8px 0;font-size:12px;display:flex}.trainer-quickview-note{border:1px solid var(--trainer-line);border-radius:9px;margin-top:8px;padding:10px}@media (width<=1100px){.trainer-workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.trainer-workspace-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;display:flex;overflow-x:auto}.trainer-workspace-tab{flex:0 0 172px;padding:9px}.trainer-workspace-tab-icon{width:30px;height:30px}.trainer-metric-card{min-height:117px;padding:11px}.trainer-workflow-action{padding:10px}}@media (prefers-reduced-motion:reduce){.trainer-workspace-tab,.trainer-workflow-action,.trainer-trainee-row{transition:none}.trainer-workflow-action:hover{transform:none}}.trainer-skill-grid th,.trainer-attendance-table th{color:var(--trainer-muted);background:var(--trainer-panel-strong);font-weight:650}.trainer-skill-grid tbody tr:hover,.trainer-attendance-table tbody tr:hover{background:var(--trainer-accent-soft)}.trainer-skill-grid th:first-child,.trainer-skill-grid td:first-child,.trainer-attendance-table th:first-child,.trainer-attendance-table td:first-child{z-index:2;background:var(--trainer-panel);box-shadow:1px 0 var(--trainer-line);position:sticky;left:0}.trainer-skill-grid tbody tr:hover td:first-child,.trainer-attendance-table tbody tr:hover td:first-child{background:var(--trainer-accent-soft)}.trainer-skill-grid thead th:first-child,.trainer-attendance-table thead th:first-child{z-index:3}.trainer-skill-grid td select:focus-visible,.trainer-attendance-table select:focus-visible,.trainer-attendance-table input:focus-visible{outline:2px solid var(--trainer-accent);outline-offset:-1px}.trainer-shell #training-attendance,.trainer-shell #training-activities,.trainer-shell #trainer-systems,.trainer-shell #training-report,.trainer-shell #trainer-panel-trainees{scroll-margin-top:110px}
