:root{color-scheme:light;--sesi-blue: #004b93;--sesi-blue-deep: #012d57;--sesi-red: #d62828;--sand: #f5f1e8;--ink: #13212f;--card: rgba(255, 255, 255, .92);--line: rgba(1, 45, 87, .12);--shadow: 0 24px 48px rgba(1, 45, 87, .16);font-family:Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top left,rgba(214,40,40,.25),transparent 28%),linear-gradient(135deg,#fdfaf3,#dfeaf4);color:var(--ink)}button,input,select,textarea{font:inherit;overflow-x:clip}:is(button,input,select,textarea) .app-shell{min-height:100vh;display:grid;grid-template-columns:380px minmax(0,1fr);grid-template-rows:78px 1fr;overflow-x:clip}:is(button,input,select,textarea) .app-shell--content-only{grid-template-columns:minmax(0,1fr)}.top-header{grid-column:1 / -1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:linear-gradient(90deg,#fffffff5,#f4f8fceb),linear-gradient(135deg,#d6282814,#004b930f);border-bottom:1px solid rgba(1,45,87,.1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20;box-shadow:0 10px 24px #012d5714}.top-header-brand{display:grid;grid-template-columns:42px auto;column-gap:12px;row-gap:2px;align-items:center}.top-header-brand .eyebrow,.top-header-brand strong{grid-column:2}.top-header-brand-mark{grid-column:1;grid-row:1 / span 2;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--sesi-red),#ef4444 48%,var(--sesi-blue) 100%);color:#fff;font-size:20px;font-weight:800;box-shadow:0 14px 26px #012d5724}.top-header-brand strong{color:var(--sesi-blue-deep);font-size:18px}.top-header-actions{display:flex;align-items:center;gap:12px;justify-content:flex-end}.header-nav{display:flex;align-items:center;gap:10px;padding:8px;border-radius:999px;background:#ffffffb8;border:1px solid rgba(1,45,87,.08);box-shadow:inset 0 1px #ffffffbf}.login-actions,.details-actions,.company-actions-cell,.trail-form-actions,.top-header-actions,.header-nav,.trail-video-item-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.top-header .secondary,.header-nav-button{background:#004b9314;color:var(--sesi-blue-deep);border:1px solid rgba(0,75,147,.12)}.header-nav-button,.header-logout{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px}.header-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 auto}.header-nav-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.header-nav-label{white-space:nowrap;font-weight:700}.active-header-tab{background:linear-gradient(135deg,var(--sesi-blue-deep),var(--sesi-blue));color:#fff;border-color:transparent;box-shadow:0 12px 22px #004b932e}.header-logout{background:linear-gradient(135deg,var(--sesi-blue-deep),var(--sesi-blue));color:#fff;border:1px solid rgba(1,45,87,.12);box-shadow:0 12px 22px #012d572e}.header-user-menu{position:relative}.header-user-trigger{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(1,45,87,.12);background:linear-gradient(135deg,var(--sesi-blue-deep),var(--sesi-blue));color:#fff;box-shadow:0 12px 22px #012d572e}.header-user-name{white-space:nowrap;font-weight:700}.header-user-chevron{transition:transform .2s ease}.header-user-trigger.open .header-user-chevron{transform:rotate(180deg)}.header-user-dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:280px;padding:8px;border-radius:18px;background:#fffffffa;border:1px solid rgba(1,45,87,.08);box-shadow:0 18px 30px #012d5724;z-index:20}.header-user-dropdown-group{display:grid;gap:6px}.header-user-dropdown-group+.header-user-dropdown-group{margin-top:8px;padding-top:8px;border-top:1px solid rgba(1,45,87,.08)}.header-user-dropdown-item{width:100%;display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;color:var(--sesi-blue-deep);background:#004b930a;justify-content:flex-start}.header-user-dropdown-item:hover{background:#004b9314}.header-user-dropdown-item.active{background:linear-gradient(135deg,var(--sesi-blue-deep),var(--sesi-blue));color:#fff;box-shadow:0 10px 18px #004b9324}.header-user-dropdown-item.logout{margin-top:8px;padding-top:12px;border-top:1px solid rgba(1,45,87,.08);border-radius:0 0 14px 14px;background:transparent;color:var(--sesi-red)}.header-user-dropdown-item.logout:hover{background:#d628280f}.brand-panel{min-width:0;padding:48px 36px;background:linear-gradient(180deg,var(--sesi-blue-deep) 0%,var(--sesi-blue) 100%);color:#fff;display:flex;flex-direction:column;gap:24px}.workspace{min-width:0;padding:32px;overflow-x:hidden}.panel{max-width:100%;background:var(--card);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:28px}.login-panel{width:min(100%,620px);margin:40px auto;gap:24px;padding:36px}.login-copy{display:grid;gap:10px;max-width:46ch}.login-card{display:grid;gap:16px;padding:26px;background:linear-gradient(180deg,#fffffffa,#edf4faf5);border:1px solid rgba(1,45,87,.14);border-radius:22px;box-shadow:inset 0 1px #fffc,0 14px 30px #012d5714}.login-actions{justify-content:flex-start}.trail-form-actions{justify-content:flex-end}.login-submit{min-width:180px}.form-grid{display:grid;gap:16px}.register-title{display:grid;gap:6px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.18em;opacity:.72}h1,h2,h3,p{margin:0}label{display:grid;gap:8px;font-weight:600}input,select,textarea{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff}textarea{resize:vertical;min-height:120px}button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .2s ease,opacity .2s ease}button:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--sesi-red),#ef4444);color:#fff}.secondary,.nav,.tab{background:#ffffff1f;color:inherit;border:1px solid rgba(255,255,255,.18)}.secondary-action{background:#004b9314;color:var(--sesi-blue-deep);border:1px solid rgba(0,75,147,.12)}.success-action{background:linear-gradient(135deg,#15803d,#16a34a);color:#fff;border:1px solid rgba(21,128,61,.18)}.warning-action{background:linear-gradient(135deg,#f2b447,#d88a1f);color:#fff;border:1px solid rgba(216,138,31,.22)}.nav.active,.tab.active{background:#fff;color:var(--sesi-blue-deep)}.quick-actions,.tabs,.inline,.metrics,.content-grid{display:flex;gap:12px;flex-wrap:wrap}.inline input{flex:1}.legend,.ranking,.table{display:grid;gap:12px}.listing-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.listing-toolbar-split{justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}.listing-search{width:min(100%,360px);min-height:44px;border-radius:999px;padding:10px 16px;background:linear-gradient(180deg,#fffffffa,#f0f6fcf5)}.listing-select{display:grid;gap:8px;min-width:min(100%,280px);color:#4c6274;font-size:14px;font-weight:700}.listing-select select{min-height:46px;border-radius:999px;padding:10px 16px;border:1px solid rgba(1,45,87,.12);background:linear-gradient(180deg,#fffffffa,#f0f6fcf5);color:var(--sesi-blue-deep)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:16px}.pagination-summary{color:#5d7284;font-size:14px;font-weight:600}.pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.pagination-page-size,.pagination-jump{display:inline-flex;align-items:center;gap:8px;color:#5d7284;font-size:14px;font-weight:700}.pagination-page-size select,.pagination-jump input{min-height:40px;border-radius:999px;border:1px solid rgba(1,45,87,.14);background:#fffffff2;color:var(--sesi-blue-deep);font-weight:700}.pagination-page-size select{min-width:86px;padding:8px 14px}.pagination-jump input{width:74px;padding:8px 12px;text-align:center}.pagination-nav{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-button{min-width:42px;min-height:42px;border-radius:999px;border:1px solid rgba(1,45,87,.14);background:linear-gradient(180deg,#fffffffa,#f0f6fcf5);color:var(--sesi-blue-deep);font-size:18px;font-weight:800;transition:transform .2s ease,background-color .2s ease,opacity .2s ease}.pagination-button:hover:not(:disabled){transform:translateY(-1px)}.pagination-button:disabled{opacity:.45;cursor:not-allowed}.hero,.dashboard{display:grid;gap:20px}.metric-card,.company-card,.trail-card,.row,.toast{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px}.trail-grid,.video-list,.trail-header{display:grid;gap:16px}.collaborator-feed{gap:28px}.collaborator-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}.feed-highlight{display:grid;gap:8px;padding:22px;border-radius:24px;color:#fff;background:linear-gradient(140deg,#d62828eb,#004b93eb),linear-gradient(180deg,#0d3b66,#1d4e89);box-shadow:var(--shadow)}.feed-highlight strong{font-size:24px;line-height:1.1}.feed-highlight-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.feed-highlight-top>div{display:grid;gap:6px}.feed-highlight-count{display:block;font-size:22px;line-height:1.15}.trail-feed{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,420px));align-items:start;justify-content:start}.trail-feed-filters{display:grid;gap:10px}.trail-feed-filters .selection-panel{gap:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(1,45,87,.06);background:#ffffffe6;box-shadow:none}.trail-feed-filters .selection-panel-head{align-items:center;padding-bottom:8px;border-bottom:1px solid rgba(1,45,87,.06)}.trail-feed-filters .selection-panel-head span{display:inline-flex;align-items:center;gap:6px;color:var(--sesi-blue-deep);font-size:15px;font-weight:700;letter-spacing:.01em}.trail-feed-filters .selection-panel-head span:before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--sesi-red),var(--sesi-blue));box-shadow:0 0 0 3px #004b930f}.trail-feed-filters .selection-panel-head strong{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#004b930d;border:1px solid rgba(0,75,147,.08);color:var(--sesi-blue-deep);font-size:11px;font-weight:700}.trail-filter-chip-grid{min-height:54px;padding:10px 12px;border-radius:14px;background:#f8fbfed1;border:1px solid rgba(1,45,87,.05)}.subcategory-chip{background:#d628280f;border-color:#d6282824;color:#9f1239}.subcategory-chip.active{background:#d6282824;border-color:#d6282838}.trail-post{background:#fffffff0;border:1px solid rgba(1,45,87,.1);border-radius:30px;box-shadow:0 24px 40px #012d571f;overflow:hidden;height:fit-content}.trail-summary{list-style:none;cursor:pointer}.trail-card-button{width:100%;border:0;padding:0;background:transparent;text-align:left}.trail-summary::-webkit-details-marker{display:none}.trail-summary::marker{content:""}.trail-post-top{display:flex;align-items:center;gap:14px;padding:20px 22px 0}.trail-post-top strong,.trail-post-top span{display:block}.trail-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--sesi-blue),#2f80c1);color:#fff;font-weight:800}.trail-badge{margin-left:auto;padding:8px 12px;border-radius:999px;background:#004b9314;color:var(--sesi-blue);font-weight:700}.trail-cover{margin:18px 18px 0;border-radius:26px;overflow:hidden;background:radial-gradient(circle at top right,rgba(255,255,255,.25),transparent 22%),linear-gradient(135deg,#012d57f5,#004b93e0 55%,#d62828d1);position:relative;aspect-ratio:4 / 2.6}.trail-cover-overlay{position:relative;height:100%;padding:18px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;color:#fff;background:linear-gradient(180deg,#01122200 0% 56%,#01122233)}.trail-cover-overlay .eyebrow{margin-top:auto}.trail-summary-content{display:grid;gap:10px;padding:14px 22px 0}.trail-summary-title{font-size:16px;line-height:1.3;color:var(--sesi-blue-deep)}.trail-tag-list{display:flex;flex-wrap:wrap;gap:8px}.trail-tag-list-inline{gap:6px}.trail-tag{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;line-height:1}.trail-tag-category{background:#ffffff2e;border:1px solid rgba(255,255,255,.26);color:#f8fbff}.trail-tag-subcategory{background:#d628283d;border:1px solid rgba(255,255,255,.16);color:#fff7f7}.trail-tag-category-solid{background:#004b9314;border:1px solid rgba(0,75,147,.14);color:var(--sesi-blue)}.trail-tag-subcategory-solid{background:#d6282814;border:1px solid rgba(214,40,40,.14);color:#9f1239}.trail-meta{display:grid;gap:8px;flex-wrap:wrap;padding:16px 22px 20px;color:#496072;font-weight:600}.trail-meta-item{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.35}.trail-meta-icon{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#004b9314;color:var(--sesi-blue);font-size:12px;font-weight:800}.trail-toggle-text{margin-top:6px;color:var(--sesi-red);font-size:14px}.video-feed{display:grid;gap:14px;padding:0 18px 18px}.certificate-cta{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:24px;border:1px solid rgba(214,40,40,.12);background:radial-gradient(circle at top right,rgba(255,255,255,.24),transparent 34%),linear-gradient(135deg,#d62828,#ef4444 42%,#004b93);color:#fff;box-shadow:0 18px 30px #012d5729}.certificate-cta:hover{transform:translateY(-2px)}.certificate-cta-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;background:#ffffff2e;box-shadow:inset 0 1px #ffffff40;flex:0 0 auto}.certificate-cta-icon svg{width:24px;height:24px}.certificate-cta-copy{display:grid;gap:4px;text-align:left}.certificate-cta-copy strong{font-size:18px;line-height:1.1}.certificate-cta-copy small{color:#ffffffdb;font-size:13px;font-weight:700;letter-spacing:.02em}.trail-post:not([open]) .video-feed{display:none}.trail-detail-view,.trail-detail-hero{display:grid;gap:18px}.trail-detail-back{justify-self:flex-start}.trail-detail-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:24px;align-items:start}.trail-detail-cover{display:grid}.trail-detail-cover-image{width:100%;aspect-ratio:4 / 5;border-radius:26px;border:1px solid rgba(1,45,87,.08);background:linear-gradient(180deg,#f8fbfef5,#e9f1f8f0);background-size:cover;background-position:center}.trail-detail-copy{display:grid;gap:16px;align-content:start}.trail-detail-copy h2,.trail-detail-copy p{margin:0}.trail-detail-copy h2{color:var(--sesi-blue-deep);font-size:clamp(28px,4vw,40px);line-height:1.05}.trail-detail-copy p{color:#51687a;font-size:16px;line-height:1.7;max-width:62ch}.trail-detail-headline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.trail-detail-progress{display:grid;gap:10px;padding:16px 18px;border-radius:22px;border:1px solid rgba(1,45,87,.08);background:#f7fafdeb}.trail-detail-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--sesi-blue-deep);font-weight:800}.trail-progress-bar{width:100%;height:12px;border-radius:999px;background:#004b9314;overflow:hidden}.trail-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sesi-red),var(--sesi-blue))}.trail-meta-inline{padding-top:4px}.trail-detail-videos{display:grid;gap:18px}.video-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border-radius:24px;background:linear-gradient(180deg,#fff,#f6f9fc);border:1px solid rgba(1,45,87,.1)}.video-thumb{min-height:88px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#d62828f0,#004b93eb),linear-gradient(180deg,#d62828,#004b93);color:#fff;font-size:28px;font-weight:800}.video-thumb-button{width:100%;border:0;padding:0;cursor:pointer}.video-content{display:flex;align-items:center;justify-content:space-between;gap:14px}.video-copy{display:grid;gap:6px}.video-copy strong,.video-copy p{margin:0}.video-copy p{color:#5a6f80}.video-link{flex-shrink:0;padding:10px 16px;border-radius:999px;background:#004b931a;color:var(--sesi-blue);font-weight:800;text-decoration:none;border:0}.video-status-done{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#16a34a1f;color:#15803d;font-size:13px;font-weight:800}.video-modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#061421b8;z-index:40}.video-modal{width:min(100%,960px);display:grid;gap:18px;padding:24px;background:#fffffffa;border:1px solid rgba(1,45,87,.12);box-shadow:0 24px 48px #012d5747;border-radius:28px}.video-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.video-modal-player{border:1px solid rgba(1,45,87,.12);background:#061421;overflow:hidden;border-radius:24px;box-shadow:inset 0 1px #ffffff0f}.video-modal-player video,.video-modal-player iframe{width:100%;aspect-ratio:16 / 9;display:block;border:0}.video-modal-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#425466;font-weight:600}.resume-video-dialog{position:relative;width:min(100%,560px);display:grid;gap:20px;padding:24px;background:radial-gradient(circle at top right,rgba(232,43,46,.12),transparent 26%),radial-gradient(circle at bottom left,rgba(0,75,147,.12),transparent 28%),#fffffffb;border:1px solid rgba(1,45,87,.12);box-shadow:0 24px 48px #012d5747}.resume-video-dialog-close{position:absolute;top:16px;right:16px;width:42px;height:42px;display:inline-grid;place-items:center;border:1px solid rgba(1,45,87,.12);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f1f7fcf5);color:var(--sesi-blue-deep);padding:0;box-shadow:0 8px 18px #012d571f}.resume-video-dialog-close span{position:absolute;width:15px;height:2px;border-radius:999px;background:var(--sesi-blue-deep)}.resume-video-dialog-close span:first-child{transform:rotate(45deg)}.resume-video-dialog-close span:last-child{transform:rotate(-45deg)}.resume-video-dialog-brand{display:inline-flex;align-items:center;gap:12px;color:var(--sesi-blue-deep)}.resume-video-dialog-mark{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--sesi-red),var(--sesi-blue));color:#fff;font-size:20px;font-weight:800;box-shadow:0 12px 22px #004b932e}.resume-video-dialog-copy{display:grid;gap:10px}.resume-video-dialog-copy h3{margin:0;color:var(--sesi-blue-deep);font-size:28px}.resume-video-dialog-copy p{margin:0;color:#425466;font-size:16px;line-height:1.6}.resume-video-dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}.video-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.video-row strong,.video-row span,.trail-header h4{display:block}.video-row a{color:var(--sesi-blue);font-weight:700;text-decoration:none}.metric-card strong{display:block;font-size:30px;color:var(--sesi-blue)}.company-details-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.details-actions{justify-content:flex-end}.company-overview{gap:18px}.company-overview-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.company-training-grid{align-items:stretch}.training-chart-panel{display:grid;gap:18px}.training-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.training-pie-layout{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap}.training-pie{width:220px;height:220px;border-radius:50%;display:grid;place-items:center}.training-pie-hole{width:122px;height:122px;border-radius:50%;background:#fff;border:1px solid rgba(1,45,87,.08);display:grid;place-items:center;text-align:center;padding:12px}.training-pie-hole strong{font-size:28px;color:var(--sesi-blue-deep)}.training-pie-hole span{color:#5d7284;font-weight:600}.training-legend{display:grid;gap:12px;color:#425466;font-weight:600}.training-legend div{display:flex;align-items:center;gap:10px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.legend-dot.completed{background:#15803d}.legend-dot.progress{background:#f59e0b}.legend-dot.pending{background:#012d573d}.training-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:18px;align-items:end;min-height:280px}.training-bar-item{display:grid;gap:10px;justify-items:center;text-align:center}.training-bar-track{width:100%;max-width:70px;height:180px;display:flex;align-items:end;padding:8px;border-radius:24px;background:linear-gradient(180deg,#012d5714,#012d5729)}.training-bar-fill{width:100%;border-radius:18px;min-height:8px;background:linear-gradient(180deg,var(--sesi-red),var(--sesi-blue))}.training-bar-item strong{color:var(--sesi-blue-deep)}.training-bar-item span{color:#5d7284;font-size:13px;line-height:1.3}.trail-create-panel{display:grid;gap:22px;margin-bottom:8px}.trail-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.trail-create-head h3{margin-top:4px}.trail-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company-multi-select{display:grid;gap:8px}.selection-panel{display:grid;gap:10px}.selection-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.selection-panel-head strong{color:var(--sesi-blue-deep);font-size:12px}.selection-chip-grid{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid rgba(1,45,87,.05);border-radius:14px;background:#f8fbfed1}.selection-chip{border:1px solid rgba(0,75,147,.1);background:#004b930a;color:var(--sesi-blue-deep);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.selection-chip.active{background:#004b931a;border-color:#004b9329}.selection-empty{color:#6a7f90;font-size:14px}.company-multi-select-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.company-multi-select-head strong{color:var(--sesi-blue-deep);font-size:12px;font-weight:700}.company-selection-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:14px}.company-selection-grid{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.company-selection-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid rgba(1,45,87,.1);background:linear-gradient(180deg,#f8fafcf5,#f0f6fcf5);color:var(--sesi-blue-deep);font-weight:600;font-size:13px;border-radius:999px;text-align:center;min-height:36px}.company-selection-chip.all{justify-self:start;background:linear-gradient(135deg,#004b9314,#d6282814)}.company-selection-chip.active{background:linear-gradient(135deg,var(--sesi-blue-deep),var(--sesi-blue));color:#fff;border-color:transparent;box-shadow:0 8px 16px #012d5724}.trail-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.trail-management-table{border-radius:18px}.company-management-row{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(135px,.78fr) minmax(170px,.95fr) minmax(100px,.55fr) minmax(120px,.65fr) minmax(140px,.72fr);align-items:center;gap:14px}.company-management-table{width:100%;min-width:0}.company-management-row>span{min-width:0}.company-management-row>span:nth-child(3){overflow-wrap:anywhere;word-break:break-word}.company-management-row .company-actions-cell{min-width:0;justify-content:flex-end;flex-wrap:wrap}.partner-company-row{display:grid;grid-template-columns:minmax(320px,1.6fr) minmax(180px,.9fr) minmax(140px,.7fr) minmax(180px,.8fr);align-items:center;gap:18px}.certificate-row{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,1fr) minmax(160px,.8fr) minmax(140px,.7fr) minmax(180px,.8fr);align-items:center;gap:18px}.issued-certificate-row{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(150px,.7fr) minmax(220px,1fr) minmax(220px,1.1fr) minmax(140px,.7fr) minmax(120px,.6fr);align-items:center;gap:18px}.trail-management-row{display:grid;grid-template-columns:minmax(320px,2.3fr) minmax(180px,1.05fr) minmax(110px,.7fr) minmax(180px,1fr) minmax(130px,.7fr) minmax(130px,.8fr);align-items:center;gap:18px;border-radius:0}.trail-management-row span:first-child{display:grid;gap:4px}.trail-management-row>span:not(:first-child){display:flex;align-items:center;width:100%;min-width:0}.trail-management-row>span:nth-child(2),.trail-management-row>span:nth-child(3),.trail-management-row>span:nth-child(4),.trail-management-row>span:nth-child(5){justify-content:flex-start;text-align:left}.trail-management-row>span:nth-child(6){justify-content:flex-end;text-align:right}.trail-management-row .company-actions-cell{justify-content:flex-end;flex-wrap:nowrap}.trail-management-row strong{color:var(--sesi-blue-deep)}.trail-management-row small{color:#6a7f90;font-size:13px}.trail-edit-note{display:grid;gap:8px;padding:14px 16px;border-radius:18px;border:1px dashed rgba(0,75,147,.18);background:#f0f6fcb3}.trail-thumbnail-preview{display:grid;gap:10px}.trail-thumbnail-preview-media{width:min(100%,340px);aspect-ratio:16 / 9;border:1px solid rgba(1,45,87,.12);border-radius:0;background-color:#f0f6fcf2;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff59}.trail-video-editor{display:grid;gap:16px}.trail-video-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.trail-video-list{display:grid;gap:14px}.trail-video-item{display:grid;gap:14px;padding:18px;border-radius:0;border:1px solid rgba(1,45,87,.1);background:linear-gradient(180deg,#fffffffa,#f6f9fcf5);cursor:grab}.trail-video-item.dragging{opacity:.65;box-shadow:0 18px 30px #012d571f}.trail-video-item-top{display:flex;align-items:center;justify-content:center;gap:12px}.trail-drag-handle{display:inline-flex;align-items:center;gap:4px;padding:8px 10px;border-radius:999px;background:#004b9314}.trail-drag-handle span{width:4px;height:4px;border-radius:50%;background:var(--sesi-blue)}.trail-order-badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:8px 12px;border-radius:999px;background:#d6282814;color:var(--sesi-red);font-weight:800}.trail-video-item-main{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:14px;align-items:end}.trail-order-field input{text-align:center;width:100%;min-width:0}.trail-order-field{display:grid;gap:8px;align-content:end}.trail-order-field strong{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;border:1px solid rgba(1,45,87,.12);background:#fff;color:var(--sesi-blue-deep)}.trail-video-item-meta,.trail-video-item-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.field-span-2{grid-column:1 / -1}.upload-field{display:grid;gap:8px}.upload-dropzone{position:relative;display:grid;gap:6px;padding:16px 18px;border:1px dashed rgba(1,45,87,.2);background:linear-gradient(180deg,#fffffffa,#f0f6fceb);border-radius:18px;cursor:pointer}.upload-native{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:7px 12px;border-radius:999px;background:#004b9314;color:var(--sesi-blue);font-size:12px;font-weight:800;letter-spacing:.02em}.upload-dropzone strong{color:var(--sesi-blue-deep);font-size:14px;line-height:1.35}.upload-dropzone small{color:#5d7284;font-size:12px;font-weight:600}.upload-list{display:flex;flex-wrap:wrap;gap:12px}.upload-chip{min-width:220px;display:grid;gap:4px;padding:12px 14px;border-radius:18px;border:1px solid rgba(0,75,147,.12);background:linear-gradient(180deg,#fffffffa,#f0f6fcfa)}.upload-chip strong{color:var(--sesi-blue-deep)}.upload-chip span{color:#5a6f80;font-size:14px;font-weight:600}.ranking li,.row{list-style:none;display:flex;justify-content:space-between;gap:16px}.company-table .trail-management-row,.company-table .company-management-row,.company-table .partner-company-row,.company-table .certificate-row,.company-table .issued-certificate-row,.company-table .company-table-row,.company-table .collaborator-table-row{display:grid}.table-header{font-weight:800;color:var(--sesi-blue-deep);background:transparent}.company-table{gap:0;overflow:hidden;border:1px solid rgba(1,45,87,.08);border-radius:18px;background:#ffffffb8}.company-table .row,.company-table-item,.company-table .table-header,.company-management-row,.trail-management-row{border-radius:0}.company-table-row{display:grid;grid-template-columns:minmax(200px,1.25fr) minmax(170px,.85fr) minmax(220px,1.1fr) minmax(140px,.7fr) minmax(150px,.8fr);align-items:center;gap:18px;padding:16px 20px;border-radius:0}.company-table .table-header{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#5d7284;background:#f8fafcf2;border-bottom:1px solid rgba(1,45,87,.08)}.company-table-item{border-bottom:1px solid rgba(1,45,87,.06);transition:background-color .2s ease}.company-table-item:last-child{border-bottom:0}.company-table-item:hover{background:#004b9308}.company-actions-cell{min-width:0}.company-table-item span:first-child{font-weight:700;color:var(--sesi-blue-deep)}.company-table-item span:nth-child(2),.company-table-item span:nth-child(4){color:#4c6274;font-weight:600}.company-table-item span:nth-child(3){color:#6a7f90;min-width:0;overflow-wrap:anywhere}.company-actions-cell{justify-content:flex-end}.collaborator-table-row{grid-template-columns:minmax(220px,1.2fr) minmax(160px,.8fr) minmax(240px,1.2fr) minmax(120px,.6fr)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800}.status-pill.active{background:#16a34a1f;color:#15803d}.status-pill.inactive{background:#d628281a;color:#b42318}.disabled-block{display:grid;gap:16px;opacity:.45;pointer-events:none}.hint{color:#425466}.form-error{padding:12px 14px;border-radius:14px;background:#d6282814;border:1px solid rgba(214,40,40,.18);color:#b42318;font-weight:700}.toast-viewport{position:fixed;top:94px;right:28px;z-index:40;pointer-events:none}.toast{min-width:280px;max-width:min(420px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:#fffffff5;border:1px solid rgba(1,45,87,.08);border-left:6px solid var(--sesi-red);box-shadow:0 18px 30px #012d5729;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto}.toast-visible{animation:toast-in .22s ease-out}.toast-message{color:var(--sesi-blue-deep);font-weight:700;line-height:1.45}.toast-close{width:34px;height:34px;min-width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(1,45,87,.1);background:#004b930d;color:var(--sesi-blue-deep);box-shadow:none}.toast-close:hover{background:#004b931a}.toast-close span{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:960px){.app-shell{grid-template-columns:1fr;grid-template-rows:72px auto 1fr}.brand-panel,.workspace{padding:24px}.top-header{padding:14px 18px;align-items:center;flex-direction:row}.top-header-brand{grid-template-columns:36px auto}.top-header-brand-mark{width:36px;height:36px;border-radius:12px;font-size:18px}.login-panel{width:100%;margin:0;padding:26px}.collaborator-hero{grid-template-columns:1fr}.feed-highlight-top{flex-direction:column}.video-card{grid-template-columns:1fr}.video-content{align-items:flex-start;flex-direction:column}.video-modal{padding:18px}.video-modal-head{flex-direction:column}.company-details-hero,.company-overview-grid,.trail-detail-layout,.trail-create-grid,.partner-company-row,.certificate-row,.issued-certificate-row,.trail-management-row,.company-management-row{grid-template-columns:1fr}.trail-create-head{flex-direction:column}.trail-list-head{flex-direction:column;align-items:flex-start}.trail-video-editor-head,.trail-video-item-main{grid-template-columns:1fr;flex-direction:column}.top-header-actions,.header-nav{width:auto;flex-wrap:nowrap}.header-nav{overflow-x:auto;max-width:100%;padding-bottom:2px}.company-table-row{grid-template-columns:1fr;gap:8px}.company-table .table-header{display:none}.pagination{align-items:stretch}.pagination-controls{justify-content:flex-start}.pagination-nav{width:100%}}.trail-inline-toggle{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:8px 12px;border-radius:999px;border:1px solid rgba(1,45,87,.12);background:#004b930d;color:var(--sesi-blue-deep);font-size:13px;font-weight:700}.trail-inline-toggle-knob{width:16px;height:16px;border-radius:999px;background:#012d5733;box-shadow:inset 0 1px #ffffff59}.trail-inline-toggle.active{background:#16a34a1a;border-color:#16a34a2e;color:#166534}.trail-inline-toggle.active .trail-inline-toggle-knob{background:linear-gradient(135deg,#16a34a,#22c55e)}.trail-highlight-carousel{padding:28px 34px}.trail-highlight-head{align-items:center}.trail-highlight-track{display:flex;gap:18px;overflow-x:auto;padding-bottom:6px}.trail-highlight-card{display:grid;grid-template-columns:140px minmax(220px,1fr);align-items:stretch;min-width:380px;max-width:460px;border:1px solid rgba(1,45,87,.08);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 40px #012d5714;text-align:left}.trail-highlight-card-cover{min-height:150px;background:linear-gradient(135deg,#df202629,#004b933d);background-repeat:no-repeat;background-size:cover;background-position:center}.trail-highlight-card-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:22px 24px}.trail-highlight-card-copy strong{color:var(--sesi-blue-deep);font-size:1.25rem;line-height:1.2}.trail-highlight-chip{display:inline-flex;align-items:center;width:fit-content;padding:8px 12px;border-radius:999px;background:#df202614;color:#9f1239;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.trail-highlight-head{gap:16px}.trail-highlight-actions{display:flex;align-items:center;gap:16px}.trail-highlight-nav{display:inline-flex;align-items:center;gap:10px}.trail-highlight-nav-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(1,45,87,.1);background:#fff;color:var(--sesi-blue-deep);box-shadow:0 14px 24px #012d5714;font-size:1.5rem;line-height:1}.trail-highlight-track{scroll-snap-type:x proximity;scrollbar-width:none}.trail-highlight-track::-webkit-scrollbar{display:none}.trail-highlight-card{flex:0 0 auto;scroll-snap-align:start;transition:transform .18s ease,box-shadow .18s ease}.trail-highlight-card:hover{transform:translateY(-2px);box-shadow:0 24px 44px #012d571f}.trail-highlight-card-copy{align-items:flex-start}