.mobile-header[data-v-57e1db10]{display:flex;align-items:center;justify-content:space-between;height:60px;background:#7eccdf;padding:0 16px;box-shadow:0 2px 10px #0000001a;position:relative;z-index:1000}.header-dev[data-v-57e1db10]{background:linear-gradient(135deg,#f093fb,#f5576c)}.header-left[data-v-57e1db10]{display:flex;align-items:center;cursor:pointer;transition:transform .2s ease}.header-left[data-v-57e1db10]:active{transform:scale(.95)}.header-logo[data-v-57e1db10]{height:32px;width:auto;filter:brightness(0) invert(1)}.header-center[data-v-57e1db10]{flex:1;display:flex;justify-content:center;align-items:center;padding:0 20px}.header-title[data-v-57e1db10]{color:#fff;font-size:18px;font-weight:600;margin:0;text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.header-right[data-v-57e1db10]{display:flex;align-items:center;cursor:pointer;padding:8px}.menu-button[data-v-57e1db10]{width:24px;height:20px;position:relative;cursor:pointer;transition:transform .3s ease}.menu-button[data-v-57e1db10]:active{transform:scale(.9)}.menu-line[data-v-57e1db10]{display:block;width:100%;height:2px;background:#fff;border-radius:1px;position:absolute;transition:all .3s ease;box-shadow:0 1px 2px #0003}.menu-line[data-v-57e1db10]:nth-child(1){top:0}.menu-line[data-v-57e1db10]:nth-child(2){top:50%;transform:translateY(-50%)}.menu-line[data-v-57e1db10]:nth-child(3){bottom:0}.menu-active .menu-line[data-v-57e1db10]:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.menu-active .menu-line[data-v-57e1db10]:nth-child(2){opacity:0}.menu-active .menu-line[data-v-57e1db10]:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.modern-drawer[data-v-57e1db10] .el-drawer{background:#f8fafc}.drawer-content[data-v-57e1db10]{height:100%;display:flex;flex-direction:column}.drawer-header[data-v-57e1db10]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.drawer-logo-section[data-v-57e1db10]{display:flex;align-items:center;gap:12px}.drawer-logo[data-v-57e1db10]{height:28px;width:auto}.drawer-app-name[data-v-57e1db10]{font-size:20px;font-weight:700;color:#1e293b;letter-spacing:.5px}.drawer-close-btn[data-v-57e1db10]{width:40px;height:40px;border:none;background:#f1f5f9;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b}.drawer-close-btn[data-v-57e1db10]:hover{background:#e2e8f0;color:#334155}.drawer-close-btn[data-v-57e1db10]:active{transform:scale(.95)}.drawer-menu[data-v-57e1db10]{flex:1;padding:16px 0;overflow-y:auto}.menu-section[data-v-57e1db10]{margin-bottom:24px}.menu-section-title[data-v-57e1db10]{padding:12px 24px 8px;font-size:14px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.menu-item[data-v-57e1db10]{padding:0 24px;cursor:pointer;transition:all .2s ease;border-left:3px solid transparent}.menu-item[data-v-57e1db10]:hover{background:#fff;border-left-color:#3b82f6}.menu-item[data-v-57e1db10]:active{background:#f1f5f9}.menu-item-content[data-v-57e1db10]{display:flex;align-items:center;justify-content:center;padding:16px 0;border-bottom:1px solid #f1f5f9}.menu-item-text[data-v-57e1db10]{font-size:16px;font-weight:500;color:#1e293b;text-transform:capitalize}.menu-divider[data-v-57e1db10]{height:1px;background:#e2e8f0;margin:8px 24px}@media (max-width: 360px){.mobile-header[data-v-57e1db10]{padding:0 12px}.header-title[data-v-57e1db10]{font-size:16px}.header-center[data-v-57e1db10]{padding:0 12px}}