.technician-layout[data-v-b7309bb4]{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:#f9fafb}.tech-sidebar[data-v-b7309bb4]{width:270px;height:100vh;background:var(--bg-sidebar,#fff);border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative;z-index:100}.logo-header[data-v-b7309bb4]{display:flex;align-items:center;padding:20px 20px 16px;border-bottom:1px solid #e5e7eb}.logo-content[data-v-b7309bb4]{display:flex;align-items:center;gap:12px}.logo-icon-box[data-v-b7309bb4]{width:40px;height:40px;border-radius:12px;background:#111827;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.logo-img[data-v-b7309bb4]{width:24px;height:24px;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1)}.logo-text-group[data-v-b7309bb4]{display:flex;flex-direction:column}.logo-text[data-v-b7309bb4]{font-size:18px;font-weight:700;color:#111827;letter-spacing:-.3px;line-height:1.2}.logo-subtitle[data-v-b7309bb4]{font-size:12px;font-weight:500;color:#6b7280;line-height:1.3}.tech-menu[data-v-b7309bb4]{flex:1;border-right:none;overflow-y:auto;padding-top:12px;padding-bottom:20px;background-color:transparent}.tech-menu .el-menu-item[data-v-b7309bb4]{height:44px;line-height:44px;margin:4px 12px;padding:0 16px!important;border-radius:8px;display:flex;align-items:center;color:#4b5563;font-size:14px;font-weight:500;transition:all .2s ease}.tech-menu .el-menu-item i[data-v-b7309bb4]{margin-right:12px;font-size:18px;width:20px;text-align:center;color:#9ca3af}.tech-menu .el-menu-item[data-v-b7309bb4]:hover{background-color:#f3f4f6;color:#111827}.tech-menu .el-menu-item.is-active[data-v-b7309bb4]{background-color:#eff6ff;color:#3b82f6;font-weight:600}.tech-menu .el-menu-item.is-active i[data-v-b7309bb4]{color:#3b82f6}.menu-badge[data-v-b7309bb4]{margin-left:auto;background-color:#3b82f6;color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;line-height:1}.sidebar-footer[data-v-b7309bb4]{padding:16px;border-top:1px solid #e5e7eb;background:var(--bg-sidebar,#fff)}.theme-toggle[data-v-b7309bb4]{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#4b5563}.theme-toggle[data-v-b7309bb4]:hover{background-color:#f3f4f6}.theme-icon[data-v-b7309bb4]{font-size:16px}.theme-label[data-v-b7309bb4]{font-size:13px;font-weight:600}.logout-btn-sticky[data-v-b7309bb4]{width:100%;border-radius:8px;height:40px;color:#ef4444;border-color:#fca5a5;background-color:#fef2f2}.logout-btn-sticky[data-v-b7309bb4]:hover{background-color:#fee2e2;color:#dc2626;border-color:#f87171}.tech-main-container[data-v-b7309bb4]{flex:1;display:flex;flex-direction:column;overflow:hidden}.tech-top-header[data-v-b7309bb4]{height:72px;background-color:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;padding:0 32px;flex-shrink:0;z-index:50}.header-left[data-v-b7309bb4]{display:flex;align-items:center;gap:16px}.company-name[data-v-b7309bb4]{margin:0;font-size:18px;font-weight:700;color:#111827}.portal-badge[data-v-b7309bb4]{background-color:#eff6ff;color:#3b82f6;font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.header-right[data-v-b7309bb4]{display:flex;align-items:center;gap:24px}.notification-icon[data-v-b7309bb4]{position:relative;font-size:20px;color:#6b7280;cursor:pointer}.notification-dot[data-v-b7309bb4]{position:absolute;top:0;right:-2px;width:8px;height:8px;background-color:#ef4444;border-radius:50%;border:2px solid #fff}.user-profile[data-v-b7309bb4]{display:flex;align-items:center;gap:12px;cursor:pointer}.avatar[data-v-b7309bb4]{width:36px;height:36px;background-color:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:18px}.user-info[data-v-b7309bb4]{display:flex;flex-direction:column}.user-name[data-v-b7309bb4]{font-size:14px;font-weight:600;color:#111827;line-height:1.2}.user-role[data-v-b7309bb4]{font-size:12px;font-weight:500;color:#6b7280;line-height:1.4}.tech-content-body[data-v-b7309bb4]{flex:1;overflow-y:auto;background-color:#f9fafb}[data-theme=dark] .sidebar-footer[data-v-b7309bb4],[data-theme=dark] .tech-sidebar[data-v-b7309bb4],[data-theme=dark] .tech-top-header[data-v-b7309bb4]{background-color:#1f2937;border-color:#374151}[data-theme=dark] .tech-content-body[data-v-b7309bb4]{background-color:#111827}[data-theme=dark] .company-name[data-v-b7309bb4],[data-theme=dark] .logo-text[data-v-b7309bb4],[data-theme=dark] .user-name[data-v-b7309bb4]{color:#f9fafb}[data-theme=dark] .tech-menu .el-menu-item[data-v-b7309bb4]{color:#d1d5db}[data-theme=dark] .tech-menu .el-menu-item[data-v-b7309bb4]:hover{background-color:#374151;color:#f9fafb}[data-theme=dark] .tech-menu .el-menu-item.is-active[data-v-b7309bb4]{background-color:rgba(59,130,246,.2)}