.tutorials-page[data-v-793bd168]{padding:24px;height:100%}.tutorials-layout[data-v-793bd168]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;min-height:500px;background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.06);overflow:hidden}.video-section[data-v-793bd168]{-webkit-box-flex:2;-ms-flex:2;flex:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:24px;min-width:0;overflow-y:auto}.video-title[data-v-793bd168]{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:16px}.video-container[data-v-793bd168]{background:#0f172a;border-radius:8px;overflow:hidden}.vimeo-wrapper[data-v-793bd168]{padding:56.25% 0 0 0;position:relative}.video-placeholder[data-v-793bd168]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;color:#64748b}.video-placeholder i[data-v-793bd168]{font-size:64px;margin-bottom:16px;opacity:.3}.video-placeholder p[data-v-793bd168]{font-size:.95rem}.list-section[data-v-793bd168]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #f1f5f9;min-width:280px;max-width:360px}.category-tabs[data-v-793bd168]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px 16px 0;gap:4px;border-bottom:1px solid #f1f5f9}.tab[data-v-793bd168]{padding:8px 12px;border:none;background:none;font-size:.8rem;font-weight:500;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;-webkit-transition:all .15s;transition:all .15s}.tab[data-v-793bd168]:hover{color:#1e293b}.tab.active[data-v-793bd168]{color:#6366f1;border-bottom-color:#6366f1;font-weight:600}.video-list[data-v-793bd168]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;list-style:none;margin:0;padding:8px 0}.video-item[data-v-793bd168]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 20px;cursor:pointer;-webkit-transition:background .15s;transition:background .15s;border-bottom:1px solid #f8fafc}.video-item[data-v-793bd168]:hover{background:#f8fafc}.video-item.active[data-v-793bd168]{background:#eef2ff}.video-item.empty[data-v-793bd168]{color:#94a3b8;font-style:italic;cursor:default;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.video-item-title[data-v-793bd168]{font-size:.85rem;color:#1e293b;font-weight:400}.video-item.active .video-item-title[data-v-793bd168]{font-weight:600;color:#6366f1}.video-item-play[data-v-793bd168]{font-size:.8rem;color:#6366f1;font-weight:600;white-space:nowrap;margin-left:12px}